Question

这是我第一次使用Firebase。我使用Firebase CLI部署了我的角度项目，但是当我导航到指定的域时，我只会看到

欢迎
  Firebase托管设置完成
  您看到此消息是因为您已经成功设置了Firebase Hosting。
  现在是时候构建非凡的东西了！

这是我的部署过程：

firebase login
  ✔  Success! Logged in as [...]
firebase init
  select Hosting, select project, chose 'dist' as public dir
  ✔  Firebase initialization complete!
ng build --prod
firebase deploy
  ✔  Deploy complete!

现在已经超过60分钟了，我不知道为什么它不在线。 60分钟的时间不够火力基地吗？谁能分享他的经验或给我提示，为什么它不在线？

提前谢谢

Answer 1

我通过以下步骤解决了这个问题：

通过提供正确的输入来正确执行firebase init步骤。

在firebase init询问What do you want to use as your public directory?public期间

我已经给出了public作为答案

确保提供正确的链接。
再次运行firebase deploy。应该可以。

编码愉快！！

Answer 2

运行firebase init后，您可以通过运行ng build来重建应用程序，然后运行firebase deploy将应用程序部署到firebse，它再次显示欢迎屏幕，但等待 10到20分钟 ，因为服务器正在设置应用程序，并且花费一些时间来启动和运行该应用程序，然后打开该应用程序。

Answer 3

我有同样的问题。我意识到我在dist文件夹中有两个index.html位置，就像@Tim Martens在问题评论中建议的那样。

然后，在firebase.json文件中，我进行了更改：

"public": "dist/name-of-my-project",

...而且有效！

Answer 4

仅需更多细节。当您使用Angular时，将您的应用程序构建到生产环境后，它会（通常）创建一个/ dist / ProjectName文件夹，用于放置文件。注意：如果要更改此设置，请参考https://angular.io/cli/build

上的--outputPath选项。

有时（作为新手），当在firebase.init命令中被问到时，我们会错过正确的文件夹...

不用担心，它将这些设置写入firebase.json中，只需打开它并查找：

  "hosting": {
    "public": "dist/ProjectName",

现在将其更改为所需的路径，然后开始;）现在，您可以重复firebase.deploy，它应该可以正常工作。

希望有帮助

不，这无济于事，因为人们不使用Visual Studio代码，而是按预期使用android studio。没有ng命令，当然也没有dist

Answer 5

代替

 firebase deploy

使用

 firebase deploy --only hosting

Answer 6

如果部署完成但未找到页面

进入 dist 文件夹，如："cd dist" 和 firebase deploy

它对我有用

Firebase部署完成，但未显示网站

6 个答案: