Javascript 网页包按变量动态要求npm模块

Javascript 网页包按变量动态要求npm模块,javascript,npm,webpack,Javascript,Npm,Webpack,我找不到一种方法来通过变量动态地要求NPM模块 这是我正在尝试做的一个示例代码,除了动态导入NPM模块外,一切都很好 const firstModule = 'my-npm-module'; const secondModule = './MyReactComponent'; // NPM Module import(firstModule).then(...); // Doesn't work import('my-npm-module').then(...); // Works // L

我找不到一种方法来通过变量动态地要求NPM模块

这是我正在尝试做的一个示例代码,除了动态导入NPM模块外,一切都很好

const firstModule = 'my-npm-module';
const secondModule = './MyReactComponent';

// NPM Module
import(firstModule).then(...); // Doesn't work
import('my-npm-module').then(...); // Works

// Local React Component
import(secondModule).then(...); // Works
import('./MyReactComponent').then(...); // Works
从“动态导入”对话框:

完全动态语句(如导入(foo))将失败,因为 webpack至少需要一些文件位置信息。这是 因为foo可能是系统中任何文件的任何路径 或项目。import()必须至少包含有关 模块所在的位置,因此捆绑可以限制在特定的位置 目录或文件集

您最好的选择可能是不对
节点\ u模块中的任何内容使用动态加载,或者向模块添加显式路径,例如

import(`./node_modules/${firstModule}/index.js`);