angularfire: Module not found: Error: Can't resolve '@firebase/XXXX' in '~/node_modules/firebase/...' after Firebase 4.8.1

Version info

Angular: 5.1.1 Firebase: 4.8.1 AngularFire: 5.0.0-rc.4 Other (e.g. Ionic/Cordova, Node, browser, operating system): Other latest; OS: macOS latest when submitting

How to reproduce these conditions

npm start failed to compile Failing test unit, Plunkr, or JSFiddle demonstrating the problem

Steps to set up and reproduce

Sample data and security rules

<-- include/attach/link to some json sample data (or provide credentials to a sanitized, test Firebase project) -->

Debug output

** Errors in the JavaScript console **

Can’t resolve ‘@firebase/polyfill’ in … Can’t resolve ‘@firebase/firestore’ Can’t resolve ‘@firebase/database’ Can’t resolve ‘@firebase/auth’ Can’t resolve ‘@firebase/app’ in ‘/…/node_modules/firebase/XXXX’ @ ./node_modules/firebase/auth/index.js 17:0-25 @ ./node_modules/angularfire2/auth/auth.module.js @ ./node_modules/angularfire2/auth/public_api.js @ ./node_modules/angularfire2/auth/index.js @ ./src/app/app.module.ngfactory.js @ ./src/main.browser.ts @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 ./src/main.browser.ts

** Output from firebase.database().enableLogging(true); **

** Screenshots **

Expected behavior

Actual behavior

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 18 (2 by maintainers)

Commits related to this issue

fix(): Migrate imports to new Typings from 4.8.1 to resolve #1385 — committed to myspivey/angularfire2 by myspivey 7 years ago
build: fix dashboard deployment Fixes the dashboard failing to deploy due to an error in `firebase@4.8.1`. Locks down the version to 4.8.0 for now. See https://github.com/angular/angularfire2/issues/... — committed to crisbeto/material2 by crisbeto 7 years ago
build: fix dashboard deployment (#9118) Fixes the dashboard failing to deploy due to an error in `firebase@4.8.1`. Locks down the version to 4.8.0 for now. See https://github.com/angular/angularfire2... — committed to angular/components by crisbeto 6 years ago

Most upvoted comments

Rolling back to "firebase": "4.8.0" “fixed” it for me.

+29

zgosalvez on Dec 19, 2017

VS Code mistakenly put the wrong source path

// Possible wrong paths
import { AngularFirestore } from '@angular/fire/firestore/firestore';
import { AngularFirestoreDocument } from '@angular/fire/firestore/public_api';

// The right path
import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';`

+24

elron on Apr 29, 2020

Go back to firebase 4.8.0:

In your CLI with you project path type: npm uninstall firebase (which is 4.8.1)
then once fish uninstall, type: npm cache clear
-then type: npm install firebase@^4.8.0
-finally: Remove “firebase”: “^4.8.1” in dependencies in package.json and Type “firebase”: “4.8.0” (Note: without ^). Save All and your problem will be solved! 😃

+19

hanihoumani93 on Dec 23, 2017

Hey guys i was having similar issues. After upgrading to the latest firebase “firebase”: “^4.12.1”, it decided to remove some packages that i needed in my app so i had to add them back explicitly and it works now using:


npm i @firebase/auth
npm i @firebase/auth-types
npm i @firebase/firestore

Try doing this for the what it says you’re missing it may have removed them in the upgrade.

+15

anasbaddyr on Apr 19, 2018

This still happens in firebase 4.10.1 with angularfire2 5.0.0-rc.6, is there a fix for this?

+12

TudorIoanMarin on Mar 5, 2018

it worked just fine when I downgraded firebase version, actual config : “angularfire2”: “5.0.0-rc.6.0”, “firebase”: “4.12.1”,

jobehi on Apr 21, 2018

Same setup and I think same issue:

ERROR in node_modules/@firebase/database/dist/esm/src/api/Database.d.ts(4,33): error TS2307: Cannot find module ‘@firebase/app-types/private’.

bjornharvold on Dec 19, 2017

npm i @firebase/auth npm i @firebase/auth-types npm i @firebase/firestore

…

Thanks this solved the issue

vincent-cm on May 23, 2018

even I have the same issue in the latest version “firebase”: “^4.12.1”, “angularfire2”: “^5.0.0-rc.6.0”, please suggest some solution

vchannabasav on Apr 18, 2018

@anasbaddyr Thanks for the tip. Adding the individual module packages seems to fix the issue.

agosto-chrisbartling on Apr 20, 2018

the issue remains with “angularfire2”: “^5.0.0-rc.6.0” and “firebase”: “^4.13.0”,

jobehi on Apr 20, 2018