ES6“Import()”问题“MODULE_NOT_FOUND”[Webpack - NodeJS]答案

【问题标题】：ES6 "Import()" issues "MODULE_NOT_FOUND" [Webpack - NodeJS]ES6“Import()”问题“MODULE_NOT_FOUND”[Webpack - NodeJS]
【发布时间】：2019-02-23 17:55:07
【问题描述】：

我在 NodeJS 环境中使用 Webpack 和 BabelJS 转换我的 ES6 代码。问题是，当我尝试导入一组特定的.js 模块时，会抛出MODULE_NOT_FOUND 异常。这是我到目前为止编写的主要代码块：

export default async () => {
  const modulesToBeImportedByNames = ['a.js', 'b.js', 'c.js'];
  const modulesToBeImportedByPromises = 
      modulesToBeImportedByNames.map(moduleFilename => 
        import(`./${moduleFilename}`) // exception is thrown here
      );
  const importedModules = await Promise.all(modulesToBeImportedByPromises);
}

注意：我在 BabelJS 配置中使用了 @babel/plugin-syntax-dynamic-import 插件。

【问题讨论】：

标签： javascript node.js webpack babeljs es6-modules

【解决方案1】：

看起来文件名应该是相对的，因为您正在导入应用程序文件。

const modulesToBeImportedByNames = ['./a.js', './b.js', './c.js'];

【讨论】：