vue 插件ESLint报错解决方法(持续整理)
解决所有报错办法:
取消校验: 根目录下有个文件 .eslintignore 文件,把你不需要校验的文件添加进去即可, 比如不想让它校验vue文件,那就加上 .vue ,当然这样做会让所有的vue文件都不进行校验了,同理,.js 就是不校验所有的js文件 这么做的好处是简单明了,好理解,缺点就是有些麻烦
build/*.js src/assets public dist src/views
找到build->webpack.base.config.js。注释或者去掉对eslint-loader的引用。 选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里,这里我选择了是 规则说明:
"off"或0 //关闭规则 "warn"或1 //在打开的规则作为警告(不影响退出代码) "error"或2 //把规则作为一个错误(退出代码触发时为1) 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}]
