Angular Universal + Firebase 云功能部署问题

Question

我已经被这个问题困扰了一段时间了。 我的 Angular 项目版本是 9.0.3。 @angular/fire 版本是 6.1.4

我已按照指南here 该项目为我拥有的本地 Express 服务器构建和渲染。 当我使用将呈现应用程序的云功能将项目部署到 Firebase 时，就会出现问题。 运行命令ng deploy 会出现以下错误

Error: ENOENT: no such file or directory, open '/home/teebo/Development/motf/dist/motif/browser/index.html'

此问题与报告的问题 here

相关联

我查了一下，发现在项目的dist文件夹中，生成了一个index.original.html文件，而不是index.html。

我已经打开了一个问题here，但没有得到维护者的反馈。 如果有什么我遗漏的或者我可以做些什么来规避这个问题，请分享并感谢任何建议。 任何建议，评论，任何东西。

Answer 1

我找到了解决此问题的方法。 这不是ng deploy 问题的正确解决方案，但至少我可以部署 ssr 功能。

因为我的 dist 文件夹嵌套在另一个 dist 文件夹中（其中不包括 browser 构建文件夹），这就是我在运行 ng deploy 时收到错误的原因。以下是我至少能够部署的步骤。

1. 运行ng deploy（会出现上述错误，但会构建应用程序并创建一个dist文件夹）。
2. 将浏览器文件夹复制到没有它的 dist 文件夹（在我的情况下，我已将其复制到上一层的 dist 文件夹）。
3. 通过运行 firebase deploy --only functions:ssr 部署 ssr 函数（您可以将 functions:ssr 更改为您为函数命名的任何名称）。

这对我有用； 编写一个 npm 脚本来完成所有这些工作会节省时间；我不确定我的 firebase/universal 配置是否错误或 @angular/fire 存在错误。