如何將 js 模塊導入 React 公用文件夾？

Question

我有一個 React 公共文件夾，其中包含一個 html 文件和一個簡單的 js 文件。 然后我有一個位於公用文件夾之外的 src 文件夾。 當我嘗試將某些內容導入公用文件夾外的 js 文件時：

import OpenIdConnect from '@luigi-project/plugin-auth-oidc';

我收到下一個錯誤：

Cannot use import statement outside a module

如何使用導入到公用文件夾中？

Answer 1

通常這意味着您的節點項目沒有設置為默認使用 ES 模塊，而是使用通用的 JS 模塊。

在不修改配置的情況下，在具有此限制的文件中，而不是：

import someVar from './filePath';

// ...

export { anotherVar };

使用 istead：

const someVar = require('./filePath');

// ...

module.exports = anotherVar;

如果您希望尋求更一致的解決方案，我建議您通讀 Node.js 文檔以及與您用來尋找合適解決方案的任何庫/框架/工具相關的任何其他文檔。