为什么在代码拆分后CRA生产版本中的资源不可用

时间:2019-09-24 17:53:00

标签: webpack create-react-app code-splitting

我正在尝试利用代码拆分来在路由上使用React.lazy来提高应用程序的性能。不幸的是,在运行生产构建后,我得到一个错误,提示cannot call apply on undefined。我发现这是由于我创建并导入到另一个文件的库资源不可用。

我认为这可能与摇树有关?但是我不确定。我尝试将文件添加到package.json sideEffects列表中,但没有任何帮助。

这是我在哪里遇到问题的示例:

// api.js
export function getList(){...}

// action-creator.js
export default function actionCreator(controller) {
  // controller is undefined
  return () => dispatch => controller().then(() => disptach({...}))
}

// actions.js
import {getList} from "./api.js"
import actionCreator from "./action-creator.js"

export const action = actionCreator(getList)

我希望在代码拆分之后,可以正确加载必要的相关资源。

0 个答案:

没有答案