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