No-unused-expressions 错误在 React 中的脚本导入时不断出现

Question

完全错误：

Expected an assignment or function call and instead saw an expression no-unused-expressions

错误来自这行代码，import语句

componentDidMount() {
    import('./app/js/cursor')
  }

正在寻找常见案例，建议的解决方案是向 ESLint 配置添加规则，但对我不起作用。

有人知道为什么这个错误不断发生？

此外，以不同方式导入脚本（如下所示）也不是解决方案

const script = document.createElement("script");
script.src = "./app/js/cursor";
script.async = true;
document.body.appendChild(script);

因为这会返回以下错误

Uncaught SyntaxError: Unexpected token '<'

提前致谢！

Answer 1

据我所知，您不应该在 componentDidMount() 中导入任何内容。 将您的导入放在文件的顶部。 我认为这里的错误是正确的，因为您尝试调用 function 来导入该文件，并且您不应该在 componentDidMount() 中执行此操作。 另一个导入与 React 无关，而是纯 JavaScript 解决方案，因此它在这里不起作用。 或者可以，但我不建议这样做。 只需将您的导入移到文件顶部即可。