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}]
经验分享 程序员 微信小程序 职场和发展