vue—解决“You may use special comments to disable some warnings. Use // eslint-disable-next-line to ...

错误：

启动vue项目时，出现很多语法错误，并出现以下提示

出错原因：

ESLint 对语法的要求过于严格导致编译的时候报上图那些错误。
要知道，这并不是代码有异常，而是代码格式有问题，这些错误并不会影响代码的执行结果。

解决方法：

很简单，就如提示所言，我们我可以取消ESLint验证规则，这样就不会报这些异常了。

方法1：

如果你的项目是vue脚手架工程，那么找到项目根目录下的bulid文件夹 -> webpack.base.conf.js

找到以下代码块并注释掉第三行代码

 module: {
     
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),  //注释掉该行代码
      {
     
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },

注释完保存退出，重新启动项目即可。

方法2

当项目并不存在build文件夹，即不属于vue脚手架工程，那请到根目录下 config文件夹下的index.js文件，将useEslint属性设置为false。

若是不存在useEslint属性，可以自己添加进去（亲测有效）。

改完保存，重新启动项目即可。