firebase - 使用 Firebase 托管初始化脚本创建 react 应用程序

Question

我正在尝试关注 step 3 here ，“添加 Firebase SDK 并初始化 Firebase”，以及“来自主机 URL”

我将这三个脚本包含在 public/index.html 页面的 head 部分:

  <script src="/__/firebase/6.4.0/firebase-app.js"></script>
  <script src="/__/firebase/6.4.0/firebase-auth.js"></script>
  <script src="/__/firebase/init.js"></script>

但是，因为这是通过 create-react-app 的 react-scripts start 命令在本地运行的，所有对 localhost:3000/* 的请求 必须返回那个 public/index.html 页面。这导致响应为“您需要启用 JavaScript 才能运行此应用程序”。 HTML 页面而不是位于 myfirebasesite.com/__firebase/* URL 的实际脚本。

运行 firebase serve 命令时，这不是问题，因为从该命令启动的本地主机服务按预期返回脚本。不过，以这种方式处理它的缺点是我无法再使用 CRA 的热重载/热模块更换。有什么办法可以将这两者结合起来吗？ 1) Firebase app + auth + init 脚本加载成功和 2) webpack 提供的热重载/HMR？

我很想切换到“使用模块 bundler ”方法，并将必要的 Firebase 包列为 NPM 依赖项并导入到它们使用的文件中，但我更好奇的是如何结合提到的两种优势以上都可以达到。

Answer 1

我最终使用了代理配置 specified here .所以在我的 create-react-app 目录的 package.json 中，我包含了

"proxy": "http://localhost:5005",

唯一需要注意的是，我需要在单独的终端选项卡中运行 firebase serve 以及 npm run start