While trying to resolve module 'idb' from file….파이어베이스 연동 오류 해결 방법

While trying to resolve module 'idb' from file….this package itself specifies a 'main' module field that could not be resolved

Firebase 연동 후 실행 하면 이런 에러가 발생하는 것을 볼 수 있다.
이는 Firebase 버전 차이로 인해서 발생할 수 있다고 한다.
파이어베이스 패키지 버전을 낮춰서 해결할 수도 있고, 소스 코드를 일부 변경해서 해결할 수도 있다.

해결

1. 소스 코드 변경

firebaseConfig.js의 import 부분을 아래와 같이 바꿔준다.

import * as firebase from 'firebase/app';
👇
import firebase from 'firebase/app';

2. 버전 재설치

npm uninstall firebase
npm install firebase@9.6.11

재설치 후 재실행 해준다.

출처

• [React-native] While trying to resolve module idb from file ...