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

 

"Do it! 클론 코딩 트위터" 예제 진행 중, 'firebase/app'을 찾을 수 없다는 오류가 발생했다. firebase 9.버전에서 "firebase/app" 모듈 사용법이 변경되었다.

firebase 8 버전과 9 버전의 사용법이 변경되어, v8 코드를 그대로 사용하기 위해서는 api를 'firebase/compat/'으로 사용하면 된다. 

export 'default' (imported as 'firebase') was not found in 'firebase/app' (possible exports: FirebaseError, SDK_VERSION, _DEFAULT_ENTRY_NAME, _addComponent, _addOrOverwriteComponent, _apps, _clearComponents, _components, _getProvider, _registerComponent, _removeServiceInstance, deleteApp, getApp, getApps, initializeApp, onLog, registerVersion, setLogLevel)

 

// firebase v8 버전
import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

 

// v9에서 v8 호환 API
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

 

# 참고 

https://dev.to/chroline/why-the-new-firebase-web-v9-modular-sdk-is-a-game-changer-nph