已解決430363個問題，去搜搜看，總會有你想問的

React Helper 導入在生產中失敗，但在開發中有效

首頁猿問 React Helper...

React Helper 導入在生產中失敗，但在開發中有效

JavaScript

月關寶盒 2023-09-21 17:04:15

我有一個名為“globalHelper.js”的文件，如下所示：exports.myMethod = (data) => { // method here}exports.myOtherMethod = () => { ... }等等...我在其他文件中導入我的 Helper，如下所示：import helper from "../Helper/globalHelper";現在存在問題：在過去，運行我的構建腳本時一切正常："build": "GENERATE_SOURCEMAP=false react-scripts build"但由于某種原因，當我運行“npm run build”時，出現錯誤：Attempted import error: '../Helper/globalHelper' does not contain a default export (imported as 'helper')但是，當我只是啟動我的開發服務器（npm start）時，一切都工作正常。我已經嘗試導入 like import { helper } from "../Helper/globalHelper";，但這也不起作用。有人知道如何解決這個問題嗎？

查看完整描述

2 回答

慕村225694

TA貢獻1880條經驗獲得超4個贊

嘗試使用 ES6 語法這樣導出

export const myOtherMethod = () => { ... }

然后

import { myOtherMethod } from '...your file'

您使用的方法exports.functionName是CJS。您需要使用 require 來獲取方法。

CommonJS (CJS) 格式在 Node.js 中使用，并使用 require 和 module.exports 來定義依賴項和模塊。npm 生態系統就是建立在這種格式之上的。

如果你想使用模塊方法，你可以這樣做。

export { myOtherMethod1, myOtherMethod2 }

然后你像這樣導入。

import * as Module from '....file name'

反對回復 2023-09-21

慕婉清6462132

TA貢獻1804條經驗獲得超2個贊

既然你還沒有，export default你應該使用{}類似的方式導入該函數：

  import {helper} from "../Helper/globalHelper";

反對回復 2023-09-21

2 回答
0 關注
109 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

React Helper 導入在生產中失敗，但在開發中有效

React Helper 導入在生產中失敗，但在開發中有效

2 回答

添加回答

React Helper 導入在生產中失敗，但在開發中有效