Vue项目中eslint报错提示记录

Vue项目中eslint报错提示记录

使用eslint,严格模式时

0、设置vscode缩进4格更改为2格

 

1、Missing space before function parentheses的问题,解决:打开.eslint.js文件,在rules中添加下行代码

"space-before-function-paren": 0,

完整版:

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    "space-before-function-paren": 0,
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

 

2、Expected space or tab after '//' in comment (spaced-comment)

说明:注释后面需要加tab空格

Vue项目中eslint报错提示记录

Vue项目中eslint报错提示记录 

 

3、报错:error Extra semicolon  (semi)

说明:项目中使用了 Eslint semi 功能,该功能强制使代码必须使用分号( ; ),或者必须不能加( ; ),此项目中使用的是不能加分号功能,将对应行的 分号删除

return;  更改为 return // 删除结尾分号

 

4、Error:Strings must use singlequote(quotes)

说明:vue-cli脚手架创建的项目使用了Eslint严格模式,对于字符串类型的数据String必须要使用单引号,不能使用双引号,否则会报异常。报错信息由第几行标注,将项目中使用双引号的地方更改为单引号

current: "/"   更改为    current: '/'

 

5、报错:error  Unexpected trailing comma  

说明:对象最后一个数据不需要写逗号,删除报错行号后面对应的逗号,

Vue项目中eslint报错提示记录

 

 

6、报错:error Newline required at end of file but

说明:文件的末尾需要有空的一行。在最后加上一行空白

Vue项目中eslint报错提示记录

 

 

7、其他,基本都是空格问题

 

重启浏览器运行项目:正常

 

 

  

 

上一篇:Spring AOP 注解开发


下一篇:css样式重置