Webpack 无法转换 CRA 应用程序，尝试从 URL 导入 firebase答案

【问题标题】：Webpack fails to transpile CRA app, trying to import firebase from URLWebpack 无法转换 CRA 应用程序，尝试从 URL 导入 firebase
【发布时间】：2021-11-27 02:36:24
【问题描述】：

我有一个简单的 create-react-app，安装了 firebase (^9.1.1) npm 包，并且正在尝试启动和运行（这是我第一次使用 Firebase - 我不知道我在做什么...）

import { initializeApp } from "firebase/app";
import { getFirestore } from 'firebase/firestore';

const config = {
   ...
}

export const firestoreApp = initializeApp(config)
export const db = getFirestore(firestoreApp)
console.log(db.name)

当 webpack 发挥它的魔力时，我收到以下错误

Failed to compile.

./node_modules/firebase/firebase-firestore.js
Module not found: Can't resolve 'https://www.gstatic.com/firebasejs/9.1.1/firebase-app.js' in '/Users/<user>/git/<project>/node_modules/firebase'

查看文件，顶部有一个来自 URL import { _registerComponent, registerVersion, _getProvider, getApp, _removeServiceInstance, SDK_VERSION } from 'https://www.gstatic.com/firebasejs/9.1.1/firebase-app.js'; 的导入

这正常吗？我从未见过从这样的 URL 导入（但我也不是本地 JS 开发人员）这是一个 webpack 问题，我只是个笨蛋吗？一个错误？

【问题讨论】：

标签： reactjs firebase webpack create-react-app

【解决方案1】：

是的，这是一个错误。我有同样的问题。修复了降级到9.1.1之前的版本：

npm install firebase@9.1.0

【讨论】：

我刚刚从我的支持案例中看到了同样的情况 - 9.1.2 现已推出！
很高兴我实际上并没有失去我的面条！ :D
说了这么多，9.1.2 或 9.1.0 都不适合我 - 完全相同的问题（不同的 URL 以匹配版本）
相关错误：github.com/firebase/firebase-tools/issues/3000
我意识到使用 firebase 9 是不值得的，它仍然有很多错误和互联网上的解决方案很少，因为它与版本 8 相比是一个重大变化。我使用版本 8.10.0 和一切正常。