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

Question

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

这是我到目前为止尝试过的：

• 询问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

您提到自己是

删除我的dist文件夹，然后重新运行ng build --prod，然后再运行 firebase init 和firebase deploy

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

因此，要部署新版本的应用，您需要将Firebase项目的dist文件夹放在Firebase项目的ng build --prod文件夹下，替换所有在那里（尤其是index.html创建的默认Firebase firebase init文件），然后调用firebase deploy或firebase deploy --only hosting。

在每个部署之间，您无需删除dist文件夹。只需删除其内容，然后将其替换为构建过程中生成的文件/目录。

---

请注意，我之所以写“在Firebase项目的dist文件夹下”，是因为您回答“您想将什么用作公用文件夹？”问题是dist。