vue 插件ESLint报错解决方法（持续整理）

解决所有报错办法：

找到build->webpack.base.config.js。注释或者去掉对eslint-loader的引用。
选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里，这里我选择了是

vue cli3打开package时就有如下一段代码

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/prettier"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

删掉 “@vue/prettier” 就可以了
彻底告别ESLint代码检测

1.‘Unexpected tab character’

字面意思理解呢就是意想不到的制表符，当时出现的时候就是我习惯的使用Tab键去打空格，但是eslint默认不认可Tab，所以解决方法很简单：

在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"。如下：

image

2.‘expected indentation of 2 spaces but found 1 tab’

字面意思就是预期缩进2个空格，但找到1个Tab。说实话，我一开始找了半天，没发现原因，后来想到可能是eslint不认可tab开头，因此我找到了我使用的编辑器VSCord的设置，添加了相应的文字：

image

大概的意思就是在格式话保存的时候按照1tab=2space的计算量将tab替换成space，这样就不会有问题了。

3.‘Unexpected trailing comma. (comma-dangle)’

字面意思是尾随了一个多余的逗号，多见于：

image

明明在最后一个属性之后都没有了，却多余地添加了一个逗号，毕竟eslint是一个强迫症患者，解决思路超简单，删掉即可。

4、错误 eslint: Expected indentation of 2 spaces but found 4

解决
修改.eslintrc.js文件rules字段下增加

"indent": ["off", 2]

重新启动解决

5、错误 eslint一直报Expected linebreaks to be 'LF' but found 'CRLF'

错误line warning: Attribute "target" should be on a new line

解决
.eslintrc.js文件，在rules下添加

'linebreak-style': [0, 'error', 'windows']

5、ESLint报错：Line 10 exceeds the maximum line length of 100 ，ESLint设置一行编码最多不能超过100字符。

解决
.eslintrc.js文件，在rules下添加

 "max-len" : ["error", {code : 300}]