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 解決方案，因此它在這里不起作用。 或者可以，但我不建議這樣做。 只需將您的導入移到文件頂部即可。