Firebase部署后出现警告求助，React&Firebase新手寻求解决方案

核心问题排查与修复 #

• 确认部署目录配置正确
  初始化Firebase时，会询问部署文件的目录，React项目打包后的产物都在build文件夹里，必须选择这个目录，不能用默认的public。如果之前选错了，重新执行firebase init，选择Hosting选项，指定目录为build即可。

• 检查本地打包是否成功
  先在本地执行npm run build（用yarn则执行yarn build），查看项目根目录下的build文件夹里是否生成了完整的HTML、CSS和JS文件，确保打包过程没有出错。

• 修正firebase.json配置
  打开项目根目录的firebase.json，确认hosting部分的public字段为"build"，另外React单页应用需要添加重写规则避免刷新页面出现404，配置示例如下：

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

• 重新部署项目
  配置修改完成后，执行firebase deploy --only hosting，等待部署完成后刷新页面，就能看到自己的React项目了。

如果部署时的警告仍存在，把警告内容贴出来，能更精准地排查问题。

内容的提问来源于stack exchange，提问作者Raquel Dev