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..........'
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
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: https://firebase.google.com/docs/web/modular-upgrade
Recent versions of firebase have many changes, use this ->
import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; const firebaseConfig = { .... }; // Use this to initialize the firebase App const firebaseApp =firebase.initializeApp(firebaseConfig); // Use these for db & auth const db = firebaseApp.firestore(); const auth = firebase.auth(); export { auth, db }; initializeApp is moved to firebase/app package in latetst version
so import from firebase/app.
import firebase from 'firebase/app';and importing the relative firebase modules as needed.