webpack 2无法使用react路由器导入具有动态路径的文件

webpack 2无法使用react路由器导入具有动态路径的文件,webpack,react-router,webpack-2,Webpack,React Router,Webpack 2,我刚开始使用webpack,我正在使用带有动态页面加载器的react router,希望动态导入我的文件,但在webpack中收到以下警告: ./apps/pages/routes.js中的警告 35:6-44关键依赖项:依赖项的请求是一个表达式 以下是我的代码示例: 常数路由={ 组件:应用程序, 儿童路线:[ { 路径:“/”, 获取组件位置,cb{ 系统。导入“./Home” .然后是欧洲央行 .catcherrorLoading } }, { 路径:“关于”, 获取组件位置,cb{ 系

我刚开始使用webpack,我正在使用带有动态页面加载器的react router,希望动态导入我的文件,但在webpack中收到以下警告:

./apps/pages/routes.js中的警告 35:6-44关键依赖项:依赖项的请求是一个表达式

以下是我的代码示例:

常数路由={ 组件:应用程序, 儿童路线:[ { 路径:“/”, 获取组件位置,cb{ 系统。导入“./Home” .然后是欧洲央行 .catcherrorLoading } }, { 路径:“关于”, 获取组件位置,cb{ 系统。导入“./About” .然后是欧洲央行 .catcherrorLoading } } ]
} 不能使用变量作为参数进行导入。Webpack需要知道在编译时要包含哪些模块,并且它不进行程序流分析,所以它无法知道要包含哪些模块。在您的情况下,这可能很容易确定,但可能会更进一步,因为您可以在运行时随意构造导入路径,所以webpack根本不允许这样做

有一个例外,您可以使用串联字符串,但这会将所有与表达式匹配的模块添加到捆绑包中,即使没有使用它们,如适用于import和require的相同规则所示。但这种做法应该避免


顺便说一句,已被导入功能取代。

谢谢您的回答。是的,我知道连接字符串,但这不是我想要的。所以没有办法动态导入组件?没有。