你还在为Eslint报错而担忧吗？有这一篇就足够了

1、错误描述：error Unnecessarily quoted property 'xxx' found quote-props

报错详情：找到不必要的引用属性“ xxx”，引用属性
解决方案：xxx没必要加引号，在文件中指定行内去掉xxx引号，刷新即可。

2、错误描述：Object properties must go on a new line if they aren't all on the same line

报错详情：如果对象属性不在同一行，则它们必须换行

解决方案：多个属性，应该为多行，找到错误对应的行内给其换行

3、错误描述：error Expected indentation of 8 spaces but found 6 indent

报错详情：代码缩进错误，应该缩进8个字符，但缩进了6个；类似缩进的错误皆是如此

解决方案：找到错误对应的行内进行缩进

4、错误描述：error Extra semicolon semi

报错详情：错误多余的封号

• 解决方案一：找到对应行，去掉封号即可
• 解决方案二：在根目录中创建一个.prettierrc文件，在文件中以下代码。之后保存文件时先Ctrl+Shift+F键进行代码格式化，保存运行即可。

{
  "semi": false
}

第二种方案简便之处，当有多个地方都写了封号，不用一一去除，只需要Ctrl+Shift+F快捷键即可全部去除

5、错误描述：error Strings must use singlequote quotes

报错详情：字符串必须使用单引号引起来。

• 解决方案一：找到对应行，把双引号变成单引号即可
• 解决方案二：在.prettierrc文件中写上以下代码。之后保存文件时先Ctrl+Shift+F键进行代码格式化，保存运行即可。

{
 "singleQuote": true
}

第二种方案简便之处，当有多个地方都写了双引号，不用一一去除，只需要Ctrl+Shift+F快捷键即可全部去除

6、错误描述：常见空格错误

(1、函数括号前缺少空格

error Missing space before function parentheses space-before-function-paren
其实根本不是错误

• 解决方案一：找到对应行，加上空格即可
• 解决方案二：在根目录.eslintrc.js文件的rules中写上如下代码。之后保存记得停止运行重新启动编译。

module.exports = {
  rules: {
    'space-before-function-paren': 0
  }
}

(2、if或function大括号之前缺少空格

if：error Missing space before opening brace space-before-blocks
函数：error Missing space before opening brace space-before-blocks

解决方案：在.eslintrc.js文件的rules中写上如下代码。之后保存记得停止运行重新启动编译。

module.exports = {
  rules: {
    'space-before-blocks': 0
  }
}

(3、一行结束后面有空格报错

error Trailing spaces not allowed no-trailing-spaces

解决方案：在.eslintrc.js文件的rules中写上如下代码。之后保存记得停止运行重新启动编译。

module.exports = {
  rules: {
    'no-trailing-spaces': 2
  }
}

内容持续更新中…
lvan学习笔记-文章内容仅个人观点
2020.5.2