动态导入,模板字符串为路径错误

时间:2018-12-04 23:11:41

标签: javascript reactjs webpack

我正在尝试在支持动态路径的同时进行动态导入,但是我注意到以下行为:

// 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”。

0 个答案:

没有答案