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";