Javascript 动态导入组件错误-未捕获(承诺中)错误:找不到模块
我制作了一个react库,将microservice返回的菜单数据转换为动态路由Javascript 动态导入组件错误-未捕获(承诺中)错误:找不到模块,javascript,node.js,reactjs,react-router,Javascript,Node.js,Reactjs,React Router,我制作了一个react库,将microservice返回的菜单数据转换为动态路由 项目结构图如下: --react应用程序 ----节点_模块 ------ ... ------rb react-->我的react库 ------ ... ----src ------页面 --------Dashboard.js --------Prod.js --------User.js -------- ... 库rb react无法导入页面,即Dashboard.js let ro
项目结构图如下:
--react应用程序
----节点_模块
------ ...
------rb react-->我的react库
------ ...
----src
------页面
--------Dashboard.js
--------Prod.js
--------User.js
-------- ...
库rb react无法导入页面,即Dashboard.js
let rootPath = path.resolve(__dirname, '../src/pages');
let menuPath = menuCommand.replace('#', '');
let importObject = asyncComponent(() =>
import(rootPath + '/' + menuCommand.split('/')[1])
);
if (isEmpty(routeResultArray)) {
routeResultArray.push(
<Route key={menuKey} exact path='/' component={importObject} />
);
}
如果尝试使用异步导入,则需要指定要导入的文件的路径。只有这样,webpack才能为该文件创建单独的块。在这里,按照我的理解,您正试图使您的导入语句动态化。那是行不通的。您需要指定所进行的每个异步导入的完整路径。(此路径需要在构建时可用) 如果需要加载目录中的所有模块,请签出require.context。
Uncaught (in promise) Error: Cannot find module '/src/pages/Dashboard'
at webpackContextResolve (^.*$:29)
at webpackContext (^.*$:24)
at RbRoute.js:221 --> (Compiled Source) return _interopRequireWildcard(require("".concat(rootPath + '/' + menuCommand.split('/')[1])));