[React][오류] Firebase 오류 (v8>v9)

 

맞게 한것 같은데 firebase를 불러오지 못한다.

 

https://exerror.com/solved-export-default-imported-as-firebase-was-not-found-in-firebase-app/

[Solved] export 'default' (imported as 'firebase') was not found in 'firebase/app'

찾아보니 버전 업그레이드로 인한 호환성 문제같다.

파이어베이스 쓰면서 여러 블로그를 보며 했는데

알고보니 이것들은 다 예전버전 파베 였기 때문에 내꺼랑 안맞았던 것....

나는 버전이 9이상이다.

 

 

이전: 버전 8

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

이후: 버전 9 호환

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

 

나는 import 하는 경로가 다른 거였다.

 

다시 firebase.js 파일을 작성해줬다.

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/firestore";

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: "AIzaSyCIMfs5zbxgqV2XGHhpZUuNj0X3TxEWokI",
  authDomain: "momo-project-512b0.firebaseapp.com",
  projectId: "momo-project-512b0",
  storageBucket: "momo-project-512b0.appspot.com",
  messagingSenderId: "336823620243",
  appId: "1:336823620243:web:b37336e35f71b893e4b366",
};

// Initialize Firebase
export default firebase.initializeApp(firebaseConfig);
export const db = firebase.firestore();

이 후 에러가 사라진 모습.