《vue》1.eslint语法限制项目报错解决办法

《vue》1.eslint语法限制项目报错解决办法

闲暇时候开始写毕设，使用webstorm新建了vue项目，发现每次npm run dev打开都会报一长错，但是不影响项目运行。

报错信息如下：

13% building modules 25/36 modules 11 active ...\Users\apple\Desktop\ncp1\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "b 95% emitting
WARNING  Compiled with 1 warnings                                                                          10:49:38 AM
  ✘  http://eslint.org/docs/rules/spaced-comment  Expected space or tab after '//' in comment
  src\router\index.js:4:1
  //首页
  ✘  http://eslint.org/docs/rules/comma-dangle    Unexpected trailing comma
  src\router\index.js:18:6},
✘ 5 problems (5 errors, 0 warnings)
Errors:
  2  http://eslint.org/docs/rules/comma-dangle

  2  http://eslint.org/docs/rules/key-spacing

  1  http://eslint.org/docs/rules/spaced-comment

You may use special comments to disable some warnings.

Use // eslint-disable-next-line to ignore the next line.

Use /* eslint-disable */ to ignore all warnings in a file. 

报错信息翻译：

Missing space before value for key ‘meta’=====>值前缺少空格

Unexpected trailing comma================>意外的尾随逗号

You may use special comments to disable some warnings.===>您可以使用特殊注释来禁用某些警告。

Use // eslint-disable-next-line to ignore the next line.===>使用//eslint disable next line忽略下一行。

Use /* eslint-disable */ to ignore all warnings in a file. ===>使用/eslint disable/忽略文件中的所有警告。

大致意思呢就是说，eslint是一个语法检查工具，但是限制很严格，vue文件里面很多空格等书写格式规范都会导致报错出现红线(红线点击红色灯泡式提示即可关闭)。

报错不影响代码运行。可以关闭，但是在编译的时候老是会跳出来红彤彤的一片看起来也是够头疼的。

解决方法如下：

在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则：

  module: {
    rules: [
      // ...(config.dev.useEslint ? [createLintingRule()] : []),===》此段注释或删除
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },

当然这些报错部分都改了也可以，而且能够提高代码的可读性，也显得更加整齐一点。

（技术问题欢迎留言讨论，前进路上你我同行，所有文章均为亲测有效后再还原记录在册哒）