在react中加载lazy()而不是加载非组件js文件

Question

我正在尝试在react中延迟加载常量文件。这个常量文件不是react组件，只是简单的javascript文件，如下所示：

// constant.js

export const customFunction = () => {
}

// component.js
const {
customFunction,
} = React.lazy(() => import('./constant.js'));

我在浏览器的开发者工具源选项下找不到这一点。同样由于这个原因，出现了customFunction未定义错误。如果执行普通导入，则此代码可以工作。在useEffect()下使用customFunction

import {
customFunction
} from './constant.js';

Answer 1

不要在React.lazy中包装import语句。相反，只使用import()，它返回一个Promise，并将其解析为所提到的文件的内容

这是一个working example