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

yiytaume  于 2023-06-30  发布在  其他
关注(0)|答案(8)|浏览(177)

这是我第一次使用Firebase。我使用Firebase CLI部署了我的angular项目,但是当我导航到指定的域时,我只看到
欢迎光临
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分钟对Firebase来说还不够吗?谁能分享一下他的经历或者给予我一个提示,这可能是为什么它不在网上的原因?
先谢谢你了

cwxwcias

cwxwcias1#

我通过以下步骤解决了这个问题:
1.通过提供正确的输入,正确执行firebase init步骤。
firebase init期间,当它询问What do you want to use as your public directory?public
因为我已经给出了public作为答案
请确保您给予正确的链接。
1.再次运行firebase deploy。应该能用
快乐编码!!

n3h0vuf2

n3h0vuf22#

再详细一点。当你使用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

mnowg1ta

mnowg1ta3#

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

vwoqyblh

vwoqyblh4#

我也有同样的问题。我意识到我在dist文件夹中有两个index.html位置,正如@Tim Martens在问题评论中所建议的那样。
然后,在firebase.json文件中,我更改了:

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

成功了!

sg24os4d

sg24os4d5#

而不是

firebase deploy

使用

firebase deploy --only hosting
wztqucjr

wztqucjr6#

如果部署完成但未找到页面,则
进入dist文件夹,如:“cd dist”和firebase部署
对我很有效

lc8prwob

lc8prwob7#

{

"hosting": {
"public": "dist",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"]

}
你的firebase json可以像上面一样。然后像下面一样改变它。

{
“hosting”: {
“public”: “dist/your_app_name”,
“ignore”: [
“firebase.json”,
“**/.*”,
“**/node_modules/**”
],}

然后尝试Firebase部署

qv7cva1a

qv7cva1a8#

我在Visual Studio中的网页也有类似的问题,给我这个错误的原因是我没有一个名为“index.html”的文件,在将我的文件重命名为index.html后,我再次运行Deploy,它工作了。

相关问题