项目场景:
运行新创建的vue项目
问题描述:
运行项目,控制台出现如下错误:
原因分析:
ESLint 对语法的要求过于严格导致编译的时候报上图那些错误。
但这并不是代码有异常,而是代码格式有问题,这些错误并不会影响代码的执行结果
解决方案:
取消ESLint验证规则
方法一:
若项目是vue脚手架工程,则找到根目录下的bulid文件夹 -> webpack.base.conf.js
注释掉第三行代码,保存退出,重启项目即可。
module: {
rules: [
// ...(config.dev.useEslint ? [createLintingRule()] : []), //注释掉该行代码
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
方法二:
根目录下,与src平级找到 .eslintrc.js文件注释掉后保存即可。
方法三:
当项目并不存在build文件夹,即不属于vue脚手架工程,那请到根目录下 config文件夹下的index.js文件,将useEslint属性设置为false。若无useEslint属性,可自己添加进去,改完保存重启即可。