eslint忽略部分错误提示

一、忽略JS中某一行错误提示

在行末添加一下注释，其中 ” 错误类型 “ 为eslint提示的报错类型

// eslint-disable-line [错误类型]

如图（printJS定义的是全局的，引入时是通过 import 'print-js' 来引入，所以使用时eslint检测为未定义）

解决：

printJS(this.cImg, 'image')// eslint-disable-line no-undef

 

二、忽略某些不常规的闭合标签报错

在使用iview的<Col></Col>组件时会在</Col>提示错误，此时可以通过设置eslint配置文件(.eslintrc.js)的rules选项来解决

//...
rules:{
'vue/no-parsing-error': [2, { 
        "x-invalid-end-tag": false
}
}
//...

如果用的是vscode编辑器可能还要设置settings.json才能生效

//settings.json
"vetur.validation.template": false

 

三、忽略 template 中的三元运算符使用小于号（<）时报错

解决：在eslint配置文件中设置 "invalid-first-character-of-tag-name": false

 rules: {
      'vue/no-parsing-error': [2, { 
        "x-invalid-end-tag": false,
        "invalid-first-character-of-tag-name": false
     }]
    }

 相关讨论：https://github.com/vuejs/eslint-plugin-vue/issues/370

 

四、修改配置文件忽略关键字

在遇到全局需要使用的 “ 未定义 ”变量（如微信小程序的wx）时，使用 // eslint-disable-line no-undef  显然不合理，所以我们应该在全局配置入手，可以在配置文件中的gobal下进行全局忽略变量

 

// ...
rules: {
    'vue/no-parsing-error': [2, {
      "x-invalid-end-tag": false,
      "invalid-first-character-of-tag-name": false
    }]
  },
  globals: {
    wx: null
  }
// ...

 

转载于:https://www.cnblogs.com/fiy-noob/p/9668625.html