解决所有报错办法:
找到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"。如下:
2.‘expected indentation of 2 spaces but found 1 tab’
字面意思就是预期缩进2个空格,但找到1个Tab。说实话,我一开始找了半天,没发现原因,后来想到可能是eslint不认可tab开头,因此我找到了我使用的编辑器VSCord的设置,添加了相应的文字:
大概的意思就是在格式话保存的时候按照1tab=2space的计算量将tab替换成space,这样就不会有问题了。
3.‘Unexpected trailing comma. (comma-dangle)’
字面意思是尾随了一个多余的逗号,多见于:
明明在最后一个属性之后都没有了,却多余地添加了一个逗号,毕竟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}]