Я пытаюсь заставить работать динамический импорт, поддерживая динамический путь, но я заметил следующее поведение:
// 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>;
Я прочитал, что мы не можем использовать переменные внутри операторов импорта, но еслимы конвертируем его, используя "" + <path> или `${path}`, я думал, что это должно решить эту проблему.Однако, когда я использую это, я получаю сообщение об ошибке: Uncaught (in promise) Error: Cannot find module 'folder/file'.
Есть ли известный обходной путь для этого поведения?
Использование веб-пакета "3.12.0".