I am currently utilizing Vue within Laravel and encountering a multitude of indentation errors in the console.
https://i.sstatic.net/sfRec.png
Here is an excerpt from my package.json file:
"private": true,
"scripts": {
"clean": "rimraf public/build",
"build": "npm run clean && webpack --mode development --progress",
"watch": "npm run clean && npm run build -- --watch",
"dev": "npm run clean && webpack-dev-server --mode development --hot --progress",
"prod": "rimraf public/dist && cross-env NODE_ENV=production webpack --mode production --progress",
"lint": "eslint --ext .js,.vue resources/js"
},
How can I resolve all the Prettier errors and ensure a successful build without any issues? Any guidance or assistance would be greatly appreciated.
In addition, which command should I execute in production to normalize everything?
When running `npm run watch` in development, I encounter errors as depicted in the screenshot below. Issues are also arising when executing `npm run prod` in production.
As a newcomer to Vue, I lack substantial knowledge about it.
require('dotenv').config()
const path = require('path')
const webpack = require('webpack')
const { VueLoaderPlugin } = require('vue-loader')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin')
const WebpackNotifierPlugin = require('webpack-notifier')
const ManifestPlugin = require('webpack-manifest-plugin')
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
// Remaining code goes here...
module.exports = [
getEntryConfig('frontend', 8888, {
'vue$': 'vue/dist/vue.esm.js'
}),
getEntryConfig('backend', 8889),
];