尝试使用 FirebaseCLI 部署 ReactJS 项目

Question

我构建了一个可以在本地运行的 ReactJS 应用，我按照 Firebase 网站上的说明进行操作

https://medium.com/@devesu/host-a-react-based-website-free-of-cost-with-firebase-hosting-and-connect-with-your-own-domain-53146731807f

一切都按计划进行，但是当我点击提供的链接时没有错误

https://hydrometric-54ec0.web.app

或

https://hydrometric-54ec0.firebaseapp.com/

我得到一个默认的 Firebase 页面而不是我的应用程序，我认为我的 firebase.json 缺少一些东西，它在下面

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 1

如果您在 Firebase 中部署任何 React 项目。查找以下步骤。

• 通过npm run build 完成反应构建后
• 做firebase init
• 选择主机
• 然后 CLI 将询问公共目录 - 写入 build 并按 Enter。
• 将所有网址重写为 /index.html- 键入 Yes
• 文件 build/index.html 已经存在。覆盖？- 输入 No 否则它将使用 firebase 默认索引覆盖您的索引文件。

在firebase deploy 之前，请执行以下操作。 在firebase.json中替换这段代码

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

然后在你的反应package.json 为homepage做空白路径

• "homepage": ""

现在你可以选择firebase deploy