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 標簽后方才生效。