ng add @angular/fire -> Package install failed #3105

jopmiddelkamp · 2021-12-31T18:12:08Z

Running ng add @angular/fire on a fresh install of Angular results into Package install failed

Version info

Angular:
13.1.2
Node:
16.13.1
npm:
8.1.2
Firebase:
10.0.1
AngularFire:
7.2.0
OS:
macOS Monterey (12.0.1)

How to reproduce these conditions

ng new <project>
ng add @angular/fire (no matter which option is chosen)

Result

ℹ Using package manager: npm
✔ Found compatible package version: @angular/fire@7.2.0.
✔ Package information loaded.

The package @angular/fire@7.2.0 will be installed and executed.
Would you like to proceed? Yes
✔ Package successfully installed.
UPDATE package.json (1171 bytes)
✔ Packages installed successfully.
? What features would you like to setup? ng deploy -- hosting
✖ Package install failed.
/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/util/hostReportError.js:4
    setTimeout(function () { throw err; }, 0);
                             ^

TypeError: Cannot read properties of undefined (reading 'message')
    at Object.error (/Users/<user>/Projects/<project>/node_modules/@angular/cli/models/schematic-command.js:432:47)
    at SafeSubscriber.__tryOrUnsub (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:205:16)
    at SafeSubscriber.error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:156:26)
    at Subscriber._error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:92:26)
    at Subscriber.error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:72:18)
    at TapSubscriber._error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/operators/tap.js:75:26)
    at TapSubscriber.Subscriber.error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:72:18)
    at MergeMapSubscriber.SimpleOuterSubscriber.notifyError (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/innerSubscribe.js:72:26)
    at SimpleInnerSubscriber._error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/innerSubscribe.js:30:21)
    at SimpleInnerSubscriber.Subscriber.error (/Users/<user>/Projects/<project>/node_modules/@angular-devkit/schematics/node_modules/rxjs/internal/Subscriber.js:72:18)

The text was updated successfully, but these errors were encountered:

google-oss-bot · 2021-12-31T18:12:10Z

This issue does not seem to follow the issue template. Make sure you provide all the required information.

kevin192291 · 2022-01-05T03:25:02Z

Yep, Same issue here

VipsPurpleSquirrel · 2022-01-09T16:08:40Z

I have exactly the same problem. I have tried downgrading @angular/cli and node, and also now upgrading to the latest..

`Angular CLI: 12.2.14
Node: 17.1.0 (Unsupported)
Package Manager: npm 8.1.2
OS: darwin arm64

Angular: 12.2.15
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1202.14
@angular-devkit/build-angular 12.2.14
@angular-devkit/core 12.2.14
@angular-devkit/schematics 12.2.14
@angular/cli 12.2.14
@angular/fire 7.2.0
@schematics/angular 12.2.14
rxjs 6.6.7
typescript 4.3.5
`
Thanks in advance for any help from anyone!

skryde · 2022-01-14T03:15:22Z

Hi.
Same issue here. In my case i'm using Angular CLI 13.1.3 and Angular 13.1.0
Here the ng versionoutput:

user in ~/Path/to/project on main λ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 13.1.3
Node: 14.18.2
Package Manager: npm 8.3.0
OS: linux x64

Angular: 13.1.2
... animations, cdk, common, compiler, compiler-cli, core, forms
... material, platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1301.3
@angular-devkit/build-angular   13.1.3
@angular-devkit/core            13.1.3
@angular-devkit/schematics      13.1.3
@angular/cli                    13.1.3
@angular/fire                   7.2.0
@schematics/angular             13.1.3
rxjs                            7.4.0
typescript                      4.5.4

rkoyama · 2022-01-15T19:59:06Z

Had the same error message. Just ran the install script with sudo and got past it:
sudo ng add @angular/fire

ng version output:

Angular CLI: 13.1.3
Node: 16.13.2
Package Manager: npm 8.3.1
OS: linux x64

Angular: 13.1.1
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1301.2
@angular-devkit/build-angular   13.1.2
@angular-devkit/core            13.1.2
@angular-devkit/schematics      13.1.3
@angular/cdk                    13.1.2
@angular/cli                    13.1.3
@angular/fire                   7.2.0
@angular/material               13.1.2
@schematics/angular             13.1.3
rxjs                            7.4.0
typescript                      4.5.4

HarryAllen1 · 2022-01-17T01:39:09Z

I found that if you run
npm i -D firebase-tools
manually, this will fix the problem.
If this doesn't work, try:
npm i -D firebase-tools@9

sbardijs · 2022-01-17T16:22:00Z

npm i -D firebase-tools

Thanks

riker09 · 2022-01-18T08:32:07Z

I think I'm having this issue. I've successfully created a new Angular project with ng new my-app. Afterwards I want to ng add @angular/fire and get stuck at the point where I should select a project. I'm not even able to CTRL + C my way out of the dialogue. It's stuck there until I terminate the process.

I tried adding npm i -D firebase-tools after creating the Angular project and before adding @angular/fire but then the wrong version is detected:

$ ng add @angular/fire
ℹ Using package manager: npm
✔ Found compatible package version: @angular/fire@0.0.0.
✔ Package information loaded.

The package @angular/fire@0.0.0 will be installed and executed.
Would you like to proceed? Yes
✔ Package successfully installed.
The package that you are trying to add does not support schematics. You can try using a different version of the package or contact the package author to add ng-add support.

riker09 · 2022-01-18T08:44:31Z

I believe I found a solution: It was mentioned in issue #3121 that a downgrade to firebase-tools@9.9.0 fixes this. And low and behold, it did. So I did not get the error in THIS issue, but that from 3121. Apologies.

TaiKamilla · 2022-02-16T15:58:31Z

Try the following, it did work for me

npm install --save-dev @angular/cli@latest && \
sudo npm install --save-dev @angular/cli@latest -g && \
npm i -D firebase-tools && \
ng add @angular/fire@latest

VipsPurpleSquirrel · 2022-02-19T11:10:47Z

@Yafar -Thank you…it worked

ghost · 2022-04-09T12:16:21Z

doesnt work :

ng add @angular/fire
ℹ Using package manager: npm
✔ Found compatible package version: @angular/fire@7.3.0.
✔ Package information loaded.

The package @angular/fire@7.3.0 will be installed and executed.
Would you like to proceed? Yes
npm ERR! code ECONNRESET
npm ERR! syscall read
npm ERR! errno -4077
npm ERR! network read ECONNRESET
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings..
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'

npm ERR! A complete log of this run can be found in: bug-0.log
npm ERR! C:\Users\HP\AppData\Local\npm-cache_logs\2022-04-09T11_15_26_666Z-debug-0.log

gvsakhil · 2022-04-11T17:00:27Z

Installing firebase-tools fixed the issue

firebase login
npm i -D firebase-tools
ng add @angular/fire@latest

HarryAlvarado28 · 2022-06-04T14:52:31Z

try

firebase login --reauth

or

$ firebase logout

$ firebase login

robmanganelly · 2022-06-09T06:28:25Z

I had the same issue so, I'll share how i solved

sudo firebase login login link received and process completed
sudo ng add @angular/firebase after this the process is straightforward

i used sudo on login because the installation breaks otherwise, by asking a code in the middle of the process. So I just logged with sudo and voila. That happened while working with Linux Kubuntu OS

jerusso · 2022-07-25T05:13:15Z

What worked for me was:

sudo npm i -D firebase-tools
ng add @angular/fire

I recently migrated to a new computer, so I forgot to install firebase-tools in the project.

ryanlogsdon · 2023-03-06T23:32:28Z

I solved it by running:

terminal > curl -sL https://firebase.tools | bash

this comes from https://firebase.google.com/docs/cli#install-cli-mac-linux

then running

ng generate environments
npm install @angular/fire
ng add @angular/fire

jalle007 · 2023-04-10T19:53:14Z

It still doesn't work soo frustrating !

ng add @angular/fire@latest

ℹ Using package manager: npm
✔ Package information loaded.

The package @angular/fire@latest will be installed and executed.
Would you like to proceed? Yes
✖ Packages installation failed, see above.

vasantheeswaran · 2023-06-19T06:40:17Z

Try the following, it did work for me

npm install --save-dev @angular/cli@latest && \
sudo npm install --save-dev @angular/cli@latest -g && \
npm i -D firebase-tools && \
ng add @angular/fire@latest

it actually worked for me , thank you

Elie-E · 2023-08-15T20:07:20Z

That what I did and it work :

firebase login

then logged to my firebase account
after that i could run

ng add @angular/fire

digitalex mentioned this issue Mar 31, 2022

Package install fails with TypeError: Cannot read properties of undefined (reading 'message') #3199

Closed

jopmiddelkamp closed this as completed Apr 6, 2023

fredsa mentioned this issue Dec 20, 2023

Deprecate @angular/fire@0.0.0 #3480

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ng add @angular/fire -> Package install failed #3105

ng add @angular/fire -> Package install failed #3105

jopmiddelkamp commented Dec 31, 2021

google-oss-bot commented Dec 31, 2021

kevin192291 commented Jan 5, 2022

VipsPurpleSquirrel commented Jan 9, 2022

skryde commented Jan 14, 2022

rkoyama commented Jan 15, 2022

HarryAllen1 commented Jan 17, 2022 •

edited

Loading

sbardijs commented Jan 17, 2022

riker09 commented Jan 18, 2022

riker09 commented Jan 18, 2022

TaiKamilla commented Feb 16, 2022 •

edited

Loading

VipsPurpleSquirrel commented Feb 19, 2022 via email •

edited

Loading

ghost commented Apr 9, 2022

gvsakhil commented Apr 11, 2022

HarryAlvarado28 commented Jun 4, 2022

robmanganelly commented Jun 9, 2022

jerusso commented Jul 25, 2022

ryanlogsdon commented Mar 6, 2023 •

edited

Loading

jalle007 commented Apr 10, 2023

vasantheeswaran commented Jun 19, 2023

Elie-E commented Aug 15, 2023

ng add @angular/fire -> Package install failed #3105

ng add @angular/fire -> Package install failed #3105

Comments

jopmiddelkamp commented Dec 31, 2021

Version info

How to reproduce these conditions

Result

google-oss-bot commented Dec 31, 2021

kevin192291 commented Jan 5, 2022

VipsPurpleSquirrel commented Jan 9, 2022

Package Version

skryde commented Jan 14, 2022

rkoyama commented Jan 15, 2022

HarryAllen1 commented Jan 17, 2022 • edited Loading

sbardijs commented Jan 17, 2022

riker09 commented Jan 18, 2022

riker09 commented Jan 18, 2022

TaiKamilla commented Feb 16, 2022 • edited Loading

VipsPurpleSquirrel commented Feb 19, 2022 via email • edited Loading

ghost commented Apr 9, 2022

gvsakhil commented Apr 11, 2022

HarryAlvarado28 commented Jun 4, 2022

robmanganelly commented Jun 9, 2022

jerusso commented Jul 25, 2022

ryanlogsdon commented Mar 6, 2023 • edited Loading

jalle007 commented Apr 10, 2023

vasantheeswaran commented Jun 19, 2023

Elie-E commented Aug 15, 2023

HarryAllen1 commented Jan 17, 2022 •

edited

Loading

TaiKamilla commented Feb 16, 2022 •

edited

Loading

VipsPurpleSquirrel commented Feb 19, 2022 via email •

edited

Loading

ryanlogsdon commented Mar 6, 2023 •

edited

Loading