禁止eslint對指定代碼檢測

有時候我們引入外部文件的API時，eslint無法識別，編譯的時候就會出現warn，如下圖

image.png

VueAwesomeSwiper 是全局對象所以在這個文件不用另外導入，但是eslint 並不清楚這些邏輯，它會以爲是你寫錯了變量，所以編譯時會提出警告。

 

解決方法

方法1：單行註釋

// eslint-disable-line 放在該行結尾處
或者
// eslint-disable-next-line 放在該行的上一行

    swiperSlide: VueAwesomeSwiper.swiperSlide, // eslint-disable-line
    // eslint-disable-next-line
    swiper: VueAwesomeSwiper.swiper,

 

方法2：多行註釋

components: {
    /* eslint-disable */
    swiperSlide: VueAwesomeSwiper.swiperSlide,
    swiper: VueAwesomeSwiper.swiper,
    /* eslint-disable */
  },

 

方法3：文件註釋

整個文件範圍內禁止規則出現警告,將 /* eslint-disable */塊註釋放在文件頂部。

 

方法4：註釋爲全局變量

在文件開頭或使用對象上一行添加
/* global 變量名1, 變量名2, 變量名3 */ 多個變量的話用逗號隔開
Android Studio 製作一個 WebView 外殼
官網說明 Disallow Undeclared Variables (no-undef)

image.png

空格驗證警用：
// eslint-disable-next-line standard/object-curly-even-spacing

Promise 警告禁用：
// eslint-disable-next-line prefer-promise-reject-errors