Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态导入组件错误-未捕获(承诺中)错误:找不到模块_Javascript_Node.js_Reactjs_React Router - Fatal编程技术网

Javascript 动态导入组件错误-未捕获(承诺中)错误:找不到模块

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库,将microservice返回的菜单数据转换为动态路由

项目结构图如下:
--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])));