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
  }
// ...

五、忽略整个文件

在文件内第一行添加 /* eslint-disable no-undef */ 注释，需要注意的是，文件后缀为 .vue 等文件，需要加在 script 标签后方才生效。