React Helper 导入在生产中失败，但在开发中有效

Question

我有一个名为“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";，但这也不起作用。有人知道如何解决这个问题吗？

Answer 1

尝试使用 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'

Answer 2

既然你还没有，export default你应该使用{}类似的方式导入该函数：

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