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的配置文件中(.eslintrcrules项中添加一行:"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}] 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • EsLint入门学习整理 这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容...
    点柈阅读 26,128评论 3 42
  • ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和...
    静默虚空阅读 41,695评论 3 14
  • 一、JSLint JSHint ESLint 参考前端工具考 - ESLint 篇JS Linter 进化史 C ...
    合肥黑阅读 76,985评论 0 47
  • 两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复...
    dkvirus阅读 112,364评论 33 190
  • 苏苏说“只要你优秀,随时可以有情人,你不优秀,随时变成旧情人。” 今天情人节,很多人收到男盆友或女盆友的礼...
    诗蒙阅读 1,469评论 0 0