Firebase 部署显示欢迎屏幕，没有我尝试过的 Angular 6 网站的应用程序内容，但它没有在托管网站上显示我的角度页面 [关闭]答案

【问题标题】：Firebase deploy displays Welcome Screen with no App Content of my Angular 6 Website I am Tried but it not showing my angular page on hosting site [closed]Firebase 部署显示欢迎屏幕，没有我尝试过的 Angular 6 网站的应用程序内容，但它没有在托管网站上显示我的角度页面 [关闭]
【发布时间】：2018-12-21 11:06:09
【问题描述】：

我已经创建了我的 Angular 6 网站，但是当我要在 Firebase 上托管时，它会显示 Firebase 的主页而不是我的 Angular 主页

【问题讨论】：

发生这种情况是因为您没有替换公用文件夹的现有 index.html 文件。将现有的 index.html 文件替换为您自己在 dist 文件夹中生成的文件。

标签： angular firebase angular6 firebase-hosting angular-fullstack

【解决方案1】：

您需要配置 firebase cli 以上传构建的输出，而不是它创建的默认公用文件夹。

在 firebase.json 文件中更改 public 属性： "public": "dist/YourAppName",

您必须在上传之前构建项目。可以创建一个脚本来自动执行此操作： "deploy": "ng build && firebase deploy" 然后你可以用npm run deploy 运行它。

您还可以安全地删除 firebase 创建的公用文件夹，因为您不会将它用于任何事情。

【讨论】：

ng build && firebase deploy 工作

【解决方案2】：

“firebase deploy”命令在 dist 文件夹中部署由“ng build --prod”创建的生产文件。只需更新 firebase.json 文件中的“public”：“path until index.html file”。

它应该可以解决问题。

【讨论】：

嘿 Rakesh，感谢您发布答案 - 如果您可以分享更多详细信息，您的答案将对其他人更有帮助，也许是 firebase.json 文件的相关 sn-p。

【解决方案3】：

我一直在为此苦苦挣扎，我刚刚意识到 firebase init 在 dist（可分发）文件夹中创建了另一个文件夹，并为其命名了您的项目名称。 dist 文件夹中的索引文件是 Firebase 欢迎消息，因此您需要将 dist/project-name 作为您的公共文件夹，以便您的应用程序在您访问 firebase 控制台提供的 url 时显示。查找更多here。

【讨论】：