Vue 插件ESLint报错解决方案整理（持续更新）

公众号：代码集中营
每周分享技术文章、优质软件资源

1、error eslint:‘Unexpected tab character’

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

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

image.png

2、error eslint:Unexpected trailing comma

字面意思是尾随了一个多余的逗号，找到报错对应的行数124行，然后把末尾的逗号去掉，重现编译即可

image.png

image.png

3、error eslint: Expected indentation of 2 spaces but found 4

修改.eslintrc.js文件rules字段下增加 "indent": ["off", 2]，重新启动即可

image.png

4、error eslint一直报Expected linebreaks to be 'LF' but found 'CRLF' 或 error 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}] 

6、ESLint报错： [Expected the Promise rejection reason to be an Error]

在vue项目中添加ESLint，new 一个 Promise 一直显示错误 ：Expected the Promise rejection reason to be an Error
正常来说new 一个Promise 是这样写的，感觉没啥问题。

return new Promise((resolve, reject) => {
        if (type) {
          resolve('success')
        } else {
          reject('fail')
        }
      })

但是项目中添加了 ESLint 你必须按照他的规范来。
如果直接 reject('fail') 这样是不行的,要改成这样 便可去掉这个错误提示
reject(new Error('fail'))