有时候我们引入外部文件的API时,eslint无法识别,编译的时候就会出现warn,如下图
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)
空格验证警用:
// eslint-disable-next-line standard/object-curly-even-spacing
Promise 警告禁用:
// eslint-disable-next-line prefer-promise-reject-errors