'drupalSettings‘没有定义-undef

Question

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

这个应用程序是使用纱线在react中制作的。

在我的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)

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