[React-native] While trying to resolve module 'idb' from file….this package itself specifies a `main` module field that could not be resolved 파이어베이스 연동 오류 해결 방법

firebase 연동 후 실행 하면 이런 에러가 발생하는 것을 볼 수 있다.

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

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 ...