如何在项目构建期间修复我的 webpack 错误？答案

【问题标题】：How to fix my webpack error during project build?如何在项目构建期间修复我的 webpack 错误？
【发布时间】：2022-10-23 09:37:13
【问题描述】：

当我尝试构建我的 React 项目时，Webpack 给了我这个错误：

目标环境不支持动态 import() 语法，因此无法在脚本中使用外部类型“模块”

我阅读了它可能与之相关的内容，并意识到在我的项目中有许多以下类型的导入：
import { onAuthStateChanged, createUserWithEmailAndPassword, signInWithEmailAndPassword, signOut } from "https://www.gstatic.com/firebasejs/9.6.0/firebase-auth.js";
也就是说，导入来自外部来源，而不是本地来源。据我了解，问题是这样的。

我无法将此类导入更改为适合组装。如何绕过这个问题？

Git 仓库：link

【问题讨论】：

标签： reactjs webpack

【解决方案1】：

将此添加到您的 package.json 文件中

“类型”：“模块”

【讨论】：

【解决方案2】：

将以下内容添加到webpack.config.js

experiments: {
  outputModule: true
}

在此处查看文档：https://webpack.js.org/configuration/externals/#externalstypemodule

【讨论】：