码迷,mamicode.com
首页 > 其他好文 > 详细

VUE项目Eslint报错

时间:2019-12-14 15:35:43      阅读:1052      评论:0      收藏:0      [点我收藏+]

标签:src   mod   error:   lock   debugger   cti   loader   fun   要求   

前言:eslint很恶心的一个地方:你是否被各种语法报错一个标点符号,一个空格,一个回车......各种报错折磨着你!

加上编辑器 VS Code 的自动格式化稳稳的和Eslint冲突报错。

对此,我们想在 VS Code 中格式化不报错需要对eslint进行一些设置

错误一:方法小括号前面报错,Eslint要求前面必须加一个空格,Vs Code自动格式化是缩略了空格的,这时候

Module Error (from ./node_modules/eslint-loader/index.js):
error: Missing space before function parentheses (space-before-function-paren) at src\components\Login.vue:30:7:
28  | <script>
29  | export default {
> 30 | data () {
   |       ^
31  | return {

解决方法:找到.eslintrc.js  在rules里面加上

‘space-before-function-paren‘: 0

即:

rules: {
    ‘no-console‘: process.env.NODE_ENV === ‘production‘ ? ‘error‘ : ‘off‘,
    ‘no-debugger‘: process.env.NODE_ENV === ‘production‘ ? ‘error‘ : ‘off‘,
    ‘space-before-function-paren‘: 0
  },

  错误二:当字符串被打上双引号是报错,Eslint中规定单引号:上箭头指向引号
  错误三:分号不支持,报错:上箭头指向分号

解决方法:全局添加  .prettierrc  文件

{
    "semi": false,  //分号
    "singleQuote": true  //引号
}

  

 

这时再用 Vs Code 的格式化就不会右上面三种报错了

VUE项目Eslint报错

标签:src   mod   error:   lock   debugger   cti   loader   fun   要求   

原文地址:https://www.cnblogs.com/chalkbox/p/12039626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!