firestore 경로 설정

파이어베이스 공식 문서가 최신화되어 있지 않은 건지 그대로 해도 안되는 경우가 많아서 삽질을 많이 했다

파이어베이스 관련 블로그 포스팅도 안드로이드가 대부분 ㅠㅠ

웹 자바스크립트를 하시는 누군가에게는 도움이 되기를 바라며 기록해 놓기

 

 

기존 공식문서 상 코드

import 'firebase/firestore';

export const firestore = firebase.firestore();

 

에러로그

imageStorage.js:18 Uncaught TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.firestore is not a function
    at Module../src/firebase/imageStorage.js (imageStorage.js:18:1)
    at Module.options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at Module../src/components/PostInput.js (ColorList.js:56:1)
    at Module.options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at Module../src/App.js (self.svg:170:1)
    at Module.options.factory (react refresh:6:1)

 

해결 방법

import 'firebase/compat/firestore';

경로만 바꿔주면 된다.

 

 

만일 이렇게 해도

firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.storage is not a function 에러가 나온다면?

 

다음 경로로 재설정

import 'firebase/compat/storage';