'drupalSettings' 未定义 no-undef

Question

我有一个单页应用程序，我想在特定内容类型的每个 drupal 节点中运行。

该应用是使用纱线反应制作的。

在我的 index.js 文件中，我尝试执行以下操作：

if(window.location.href !== 'http://localhost:3002/') {
  console.log(drupalSettings);
}

但是npm run build 或yarn build 都给了我'drupalSettings' is not defined no-undef。

如何强制 npm/yarn 忽略此警告？

Answer 1

当你使用 yarn 或类似的东西时，你需要让 eslint 知道该变量来自全局范围。来自eslint docs：

/*global someFunction b:true*/
/*eslint no-undef: "error"*/

var a = someFunction();
b = 10;

其中b:true 表示b 可以在此文件范围内更改。对于drupalSettings 之类的内容，:true 可能是可选的，因为您很可能从页面中提取信息而不进行任何设置。

为了您的特定用途，您会使用

/*global drupalSettings:true*/
/*eslint no-undef: "error"*/

console.log(drupalSettings)

您会在浏览器的控制台中看到输出。