Velvet Star Monitor

Standout celebrity highlights with iconic style.

general

Module not found: Can't resolve 'firebase' in

Writer Matthew Martinez

After: npm i firebase

I'am importing firebase from firebase itself & not from a file

import firebase from 'firebase'; >in firebase.js file<

error in terminal>>./src/firebase.js Module not found: Can't resolve 'firebase' in 'C:\Users\Home\Documents\dsn\e\Documents..........'

4

3 Answers

npm i firebase now installs v9 Modular SDK so you cannot used the old imports. Try refactoring your code to this:

import { initializeApp } from 'firebase/app';
const firebaseConfig = { //...
};
const app = initializeApp(firebaseConfig);

If you want to use older syntax then change your imports to compat libraries:

import firebase from "firebase/compat/app"
import "firebase/compat/auth"
import "firebase/compat/firestore"
// other services is needed

You can read more about it in the documentation

2

There should be no reason to downgrade to version 8 as version 9 provides a fully backward compatible import if you prefix the module import path with "compat".

To use:

import firebase from "firebase/compat/app";
// Other libraries might need to also be prefixed with "compat":
import "firebase/compat/auth";
// Then you can then use the old interface, with version 9:
if (!firebase.apps.length) { firebase.initializeApp(clientCredentials);
}

Upgrade notes:

initializeApp is moved to firebase/app package in latetst version
so import from firebase/app.

1