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 導出/導入與舊的混合。