Vue项目中eslint报错提示记录

2021-05-21 21:37:04 阅读：844 来源： 互联网

标签：Vue space vue 报错 eslint 使用 before

使用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空格

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

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

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

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

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

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

标签：Vue,space,vue,报错,eslint,使用,before
来源： https://www.cnblogs.com/cdj61/p/14797421.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Vue项目中eslint报错提示记录