React 导入模块在开发中工作，但运行构建会导致错误

Question

我有一个脚本并从脚本createPalette.js 中导出一些函数，如下所示：

module.exports = { createPalette, generateFrameworkObject };

然后在 React 组件 Main.jsx 我正在导入 createPalette 像这样：

import { createPalette } from "../scripts/createPalette";

在开发服务器中它工作正常，但在尝试npm run build 时出现此错误：

./src/components/Main.jsx
Attempted import error: 'createPalette' is not exported from '../scripts/createPalette'.


npm ERR! code ELIFECYCLE

如何解决这个问题？

Answer 1

你能换吗

module.exports = { createPalette, generateFrameworkObject };

通过

export { createPalette, generateFrameworkObject }

?

您正在将 es6 导出/导入与旧版本混合使用。