如何将 Angular 18 单页 Web 应用部署到 Firebase？

Question

更新： 我创建了一个新的 Angular 项目，并执行了与下面相同的部署步骤，没有进行任何更改。这只是一个全新项目的默认代码。

然后我尝试部署它，并得到与下面完全相同的错误。如果我不选择添加任何功能，

ng deploy

将不会执行任何操作。这不对吧？

我错过了什么？所有这一切都是我第一次尝试使用 Angular，我并没有刻意进行任何类型的全局配置，但是我可能做了什么可以解释这一切吗？

我完全愿意使用 Firebase 以外的东西，如果它能让我摆脱困境。

---

---

我有一个在本地运行的 Angular 18 单页 Web 应用程序，我想将其部署到 Firebase。

我设置了一个 Firebase 帐户，并在那里建立了一个项目。

然后：

npm install -g firebase-tools

然后：

ng add @angular/fire

这就是令人困惑的地方。我得到：

% ng add @angular/fire
Skipping installation: Package already installed
UPDATE package.json (1137 bytes)
✔ Packages installed successfully.
? What features would you like to setup? (Press <space> to select, <a> to toggle
 all, <i> to invert selection, and <enter> to proceed)
❯◯ Authentication
 ◯ Google Analytics
 ◯ App Check
 ◯ Firestore
 ◯ Realtime Database
 ◯ Cloud Functions (callable)
 ◯ Cloud Messaging
(Move up and down to reveal more choices)

如果我按回车键（因为我不需要任何这些东西），我会立即返回 shell 提示符。什么也没发生。

如果我选择“Google Analytics”，然后按回车键，它会要求我选择我的 Firebase 帐户（带有有关“punycode”的弃用警告），然后“请选择一个项目”，我这样做了，然后“请选择一个应用程序” :".

如果我选择通过 firebase 控制台创建的应用程序，它将完成：

Downloading configuration data of your Firebase WEB app
UPDATE src/app/app.config.ts (2989 bytes)

但如果 Firebase 上发生任何事情，我就看不到它。难道是我没找对地方？

如果我选择“[创建新应用程序]”并为其命名，则完成，新应用程序确实会显示在 firebase 上，但是然后呢？

完成上述所有操作后，我可以尝试

ng deploy

，但即使

ng add @angular/fire

完成后没有给我一个错误，我得到这个：

Cannot find "deploy" target for the specified project.
You can add a package that implements these capabilities.

For example:
  Amazon S3: ng add @jefiozie/ngx-aws-deploy
  Firebase: ng add @angular/fire
  Netlify: ng add @netlify-builder/deploy
  GitHub Pages: ng add angular-cli-ghpages

Would you like to add a package with "deploy" capabilities now? (Use arrow keys)
❯ No
  Amazon S3
  Firebase
  Netlify
  GitHub Pages

从那时起，就和上面一样了。如果我没有从列表中选择任何功能，它会立即返回提示，如果我这样做，它会按照上述方式完成。

我错过了什么？

Answer 1

只是按照您的步骤操作，是的，成功在干净的应用程序和 Firebase 帐户中重现了错误

似乎

@angular/fire

存在关于使用

ng deploy

进行Angular应用程序部署初始化的问题。添加了一些额外的信息以帮助团队找到解决方案

希望尽快修复🤞🍀