我在 webpack 中导入脚本,一切正常,但 eslint 抛出错误 'modal is assigned a value but never used'
。是否必须将 const 声明为全局变量或导出模块才能修复错误?
modules.vanillaModal.js :
import VanillaModal from 'vanilla-modal';
// Create instance
const modal = new VanillaModal({
modal: '.c-modal',
modalInner: '.js-modal__inner',
modalContent: '.js-modal__content',
open: '[rel="js-modal:open"]',
close: '[rel="js-modal:close"]',
class: 'js-modal--visible',
loadClass: 'js-modal--loaded',
});
和我的 webpack 条目 索引.js:
require('./modules.vanillaModal.js');
最佳答案
这是一个 eslint 规则 http://eslint.org/docs/rules/no-unused-vars .它可以防止您创建从未使用过的变量,这会导致代码困惑,或者可能意味着您使用的变量不是您认为的那样。
如果您使用的库设计不佳,其中类构造函数有副作用(这是不应该的),并且您不需要对类的返回值做任何事情,我会禁用它使用 eslint disable comments 创建行的特定 eslint 规则:
// eslint-disable-next-line no-unused-vars
const modal = new VanillaModal({
modal: '.c-modal',
modalInner: '.js-modal__inner',
modalContent: '.js-modal__content',
open: '[rel="js-modal:open"]',
close: '[rel="js-modal:close"]',
class: 'js-modal--visible',
loadClass: 'js-modal--loaded',
});
您还可以用特定于 eslint 的注释包装任何代码块,以禁用该 block 的规则:
/* eslint-disable no-unused-vars */
const modal = new VanillaModal({
...
});
/* eslint-enable no-unused-vars */
关于javascript - Eslint throws 被分配了一个值但从未使用过,webpack 模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41604162/