Angular 12 Universal Application fails to add angularfire at step 2

[kveratis]

I'm building an Angular 12 Universal app and the process fails right at step 2 with ng add @angular/fire. First it doesn't detect that the application is a universal app then right after installing the packages it exits with the code "ENOENT: no such file or directory, open '\C\Temp\dummy-universal\firebase.json'" This is on Windows 10. I tried doing the process on my Ubuntu Linux build server and it also failed at the same point with the following error

✖ Package install failed.
/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/util/hostReportError.js:4
setTimeout(function () { throw err; }, 0);
^

TypeError: Cannot read property 'message' of undefined
at Object.error (/home/kveratis/dev/benevently-website/node_modules/@angular/cli/models/schematic-command.js:432:47)
at SafeSubscriber.__tryOrUnsub (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:205:16)
at SafeSubscriber.error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:156:26)
at Subscriber._error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:92:26)
at Subscriber.error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:72:18)
at TapSubscriber._error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/operators/tap.js:75:26)
at TapSubscriber.Subscriber.error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:72:18)
at MergeMapSubscriber.SimpleOuterSubscriber.notifyError (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/innerSubscribe.js:72:26)
at SimpleInnerSubscriber._error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/innerSubscribe.js:30:21)
at SimpleInnerSubscriber.Subscriber.error (/home/kveratis/dev/benevently-website/node_modules/rxjs/internal/Subscriber.js:72:18)

[jamesdaniels]

Hmmm...I'm not able to reproduce on a fresh angular app. Can you email me your package.json and angular.json? jamesdaniels@google.com

[miguelcamposdev]

Any solution for this issue? I've the same problem in my MacBook Pro with M1 chip and I've installed the @angular/fire v7.2.0

[onedapperterm]

Any solution? I have the same problem! i`ve tried everything! :/

[harshal0412]

facing the same issue in Macbook pro with intel i5

[onedapperterm]

Hey guys, I've figured out. The thing is that the installation of this library when we use Ionic is slightly different. At the end of the npm angular fire homepage is this link:

https://github.com/angular/angularfire/blob/HEAD/docs/ionic/cli.md

That's the installation that worked for me using just this command:

npm install @angular/fire firebase --save

The deal here is, that with this command you are installing Angular fire 2 in a previous version, so you have to import your firebase module from the fire/compat folder instead of the actual fire folder. (At least for me worked like that)

[harshal0412]

Hey guys, I've figured out. The thing is that the installation of this library when we use Ionic is slightly different. At the end of the npm angular fire homepage is this link:

https://github.com/angular/angularfire/blob/HEAD/docs/ionic/cli.md

That's the installation that worked for me using just this command:

npm install @angular/fire firebase --save

The deal here is, that with this command you are installing Angular fire 2 in a previous version, so you have to import your firebase module from the fire/compat folder instead of the actual fire folder. (At least for me worked like that)

thanks, it worked