[React / Firebase ] Attempted Import Error: ‘Firebase’ Does Not Container A Default Export ~ 오류 해결하기!

넷플릭스 앱 클론코딩을 하면서 넷플릭스 앱에 들어갈 컨텐츠 업로드와 삭제 등을 하기 위해서 파이어베이스를 연결시켰다. 그런데 아무리 import을 해도 연결이 안되는 것이다 ㅠㅠㅠ
아무리 구글링을 해도 다들 npm install firebase만 얘기하고 심지어 해봤지만 소용없었다.
거의 1-2시간동안 미친듯이 구글링을 해서 찾아냈다!!! 해결방안!!

 

With version 9 things changed a bit for importing firebase, but there is no need to downgrade to a previous version, there is a “compatibility” option so can use the /compat folder in your imports, like this

현재 firebase v9 는 import 하는 방식이 살짝 달라졌다고 한다. 이전의 방법을 쓰려면 다운그레이드한 버젼을 다운받아한다고……

이전에는 그냥

 

impot firebase from ‘firebase/app’;

 

하면 가능했는데 이제는 폴더 사이에 compat을 넣어줘야한다고한다

바로 해결됨 !!!!!!!!!

 

👉🏻 stackoverflow에서 찾아낸 해결방안

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