部署时如何显示应用程序内容而不显示Firebase托管文档？

Question

我使用文档设置了Firebase，但是当我运行“ firebase deploy”时，它显示的是托管文档而不是我的应用程序。我看过的教程做的完全相同，并且对他们有用。 我已经尝试编辑firebase公共目录附带的index.html，并且似乎只要它的简单文本就可以工作，但是当我复制Angular app.component.html或复制其他组件的html时，它变成空白。我不确定如果需要编辑公共目录的HTML，我会假设它会在更改项目HTML时自动更新。假定使用Firebase托管在Firebase上显示我项目的html模板。

Answer 1

这就是我将有角度的项目部署到Firebase的方式

ng build --prod-构建生产包

npm install -g firebase-tools-安装Firebase工具（如果尚未安装）

firebase login-登录到您的帐户（这将打开网页，您需要使用Google帐户允许使用Firebase）

重要

firebase init-在项目顶层路径中运行此命令。选择托管，然后按Enter。将公共目录更改为dist，并确保软件包的所有文件/文件夹都直接位于dist文件夹中。 Y（是）以配置为单页应用程序，N（否）以覆盖index.html

firebase deploy-部署项目

注意：

确保直接在index.html文件夹中有dist（您的棱角文件），并检查firebase.json中的公用目录。应该像hosting > public > dist

Angular cli生成像这样的文件dist/YOUR-PROJECT-NAME-FOLDER/index.html，请确保它像直接在dist中一样，例如dist/index.html