我正在尝试在支持动态路径的同时进行动态导入,但是我注意到以下行为:
// Using lazy and Suspense API from React
// FAILS
const path = "folder/file";
// use `${path}` template string because using variable inside import fails
const LazyModule = lazy(() => import(`${path}`));
return <Suspense fallback={this._getFallback()}><LazyModule></Suspense>;
// SUCCEEDS
// use actual string
const LazyModule = lazy(() => import("folder/file"));
return <Suspense fallback={this._getFallback()}><LazyModule></Suspense>;
我读到我们不能在import语句中使用变量,但是如果我们使用"" + <path>
或`${path}`
对其进行转换,我认为这应该可以解决这个问题。但是,当我使用它时,出现错误:
Uncaught (in promise) Error: Cannot find module 'folder/file'.
此行为是否存在已知的解决方法?
使用webpack“ 3.12.0”。