首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在部署时显示应用程序内容而不是firebase托管文档?

如何在部署时显示应用程序内容而不是firebase托管文档?
EN

Stack Overflow用户
提问于 2020-05-20 10:05:53
回答 1查看 334关注 0票数 0

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

EN

回答 1

Stack Overflow用户

发布于 2020-05-20 10:29:16

这就是我将angular项目部署到firebase的方式

ng build --prod -构建生产包

npm install -g firebase-tools -安装firebase工具(如果尚未安装)

firebase login -登录到您的帐户(这将打开网页,您需要允许firebase与您的谷歌帐户)

重要

firebase init -在项目顶级路径中运行此命令。选择Hosting并按enter键。将public目录更改为dist,并确保包中的所有文件/文件夹都直接位于dist文件夹中。Y(是)表示配置为单页面应用程序,N(否)表示覆盖index.html

firebase deploy -部署项目

备注:

确保你的index.html(你的angular文件)直接放在dist文件夹中,同时检查firebase.json中你的公共目录是什么。它应该像hosting > public > dist一样

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61903878

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档