[React 리액트] 파이어베이스 오류 Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

파이어베이스를 설치 후 콘솔로 찍어봤는데, 위와 같은 오류가 발생했다.

Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').
ERROR in ./src/firebase.js 12:15-37
export 'default' (imported as 'firebase') was not found in 'firebase/app'

firebase를 import 했는데, ./src/firebase.js 에서 에러 발생! 찾을 수 없다고 한다.

 

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'

 

🙋‍♀️ According to firebase documents: Update imports to v9 compat. 

결론: import를 업데이트 하라고 한다.

 

해결방법

1. 본인의 firebase 버전을 확인한다. package.json에 들어가면 버전 확인이 가능하다.

 

 

2. 본인 firebase 버전에 맞게 import를 변경한다.

 

Before: version 8

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

After: version 9 compat

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

 

오류 해결 완료!