Firebase version error(Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').)

https://github.com/jiyeong1004/nwitter

GitHub - jiyeong1004/nwitter: Cloning Twitter with React and Firebase

 

책 내용 중
p.40 ( ./src/firebase.js ) 에

import firebase from "firebase/app";

이렇게 import가 되어있다.

 

파이어베이스 설정을 다 하고 파이어베이스 동작 확인을 위해

npm run start

로 리액트 서버를 실행시켰는데

 

자꾸 이런 에러가 났다.

 

혹시 오타가 있는지 꼼꼼히 살펴보고 다시 실행을 시켰는데도 계속 에러가 났다.

 

오류메시지로 검색을 해서 참고한 사이트 : https://stackoverflow.com/questions/68946446/how-do-i-fix-a-firebase-9-0-import-error-attempted-import-error-firebase-app

How do I fix a Firebase 9.0 import error? "Attempted import error: 'firebase/app' does not contain a default export (imported as

 

firebase 버전 차이때문에 발생한 오류였다.

그래서 나는

import firebase from "firebase/app";

여기에서

import firebase from "firebase/compat/app";

 /compat  을 추가해서 실행시키니까 정상적으로 실행이 됐다.