Firebase 托管不显示我的应用程序内容

Question

我目前正在尝试将我的 angular 应用程序部署到 firebase。当我部署应用程序时，我的 index.html 不断被覆盖，并且显示欢迎模式而不是我的应用程序内容。我检查了与该主题相关的所有问题，但提供的答案中 none 对我有帮助。

这是我目前尝试过的方法：

• 在询问时选择 "NO" File dist/index.html already exists. Overwrite? (y/N) N
• 用我自己的index.html替换index.html
• 在类似的问题中，用户建议在 Chrome 中切换到隐身模式或清除缓存 - 均无效
• 在项目的 index.html 中配置我的基础 href 并添加我的 firebase 项目 < base href="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/">
• 删除我的 dist 文件夹并重新 运行 ng build --prod 然后 firebase init 和 firebase deploy

此外，当我重做最后一步时，firebase 不会询问它是否应该替换 index.html 它只是替换它。

我做错了什么？我是否应该改用其他托管服务提供商（如 Heroku）？

在此先感谢您的帮助！

Answer 1

你提到你是：

deleting my dist folder and re-running ng build --prod and then firebase init and firebase deploy

你不应该运行 firebase init 几次。这是用于创建 Firebase 项目的命令，应该只调用一次。

因此，要部署应用的新版本，您需要将构建结果 (ng build --prod) 放在 Firebase 项目的 dist 文件夹下，替换任何 file/directory 在那里（特别是由 firebase init 创建的默认 Firebase index.html 文件），然后调用 firebase deploy 或 firebase deploy --only hosting.

在每次部署之间，您不需要删除 dist 文件夹。只需 删除其内容 并将其替换为由您的构建过程生成的 files/directories。

---

请注意，我写 "under the dist folder of your Firebase project" 是因为您对 "What do you want to use as your public folder?" 问题的回答是 dist。