禁止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