[firebase] While trying to resolve module idb from file.. Indeed, none of these files exist: 500 에러 (expo)

 

 

엑스포를 사용해서 파이어베이스와 연동하려고 했는데 뭐가 자꾸 안되는지 아래와 같은 에러가 떴다.

 

다 좋은데 어디 부분에서 에러가 났는지를 정확하게 알려달라고!!

 

 

구글링해보니 나와 같은 상황에 처한 사람이 스택오버플로우에 있었다.

 

[원문보기]

https://stackoverflow.com/questions/72179070/react-native-bundling-failure-error-message-while-trying-to-resolve-module-i

React-native bundling failure. ERROR MESSAGE: "While trying to resolve module 'idb'..... Indeed none of these files exist":

 

 

요약하자면, firebase과 엑스포 버전 간 호환성 문제 때문에 엑스포에서 cjs 파일을 못 읽어서 발생한 에러고, 아래와 같이 파이어베이스를 다운그레이드 시켜주거나 cjs파일을 추가해주면 된다.

 

 

[해결1 : 파이어베이스 다운그레이드]

@yarn
yarn remove firebase
yarn add firebase@9.6.11

@npm
npm uninstall firebase
npm install firebase@9.6.11

 

 

 

 

[해결2 : 새로운 설정파일(metro.config.js) 추가]

const { getDefaultConfig } = require("@expo/metro-config");

const defaultConfig = getDefaultConfig(__dirname);

defaultConfig.resolver.assetExts.push("cjs");

module.exports = defaultConfig;

 

 

 

 

---

 

 

firebase undefined is not an object 해결방법

---

파이어베이스를 다운그레이드하고 바로 다음 에러 등장-☆

firebase undefined is not an object...

 

 

해결방법

firebaseConfig.js 파일의 파이어베이스가 임포트되어 있는 부분에

import * as firebase from 'firebase/app';
import "firebase/database";
import "firebase/storage";

 

firebase 뒤에 compat/을 추가해준다.

import firebase from "firebase/compat/app";
import "firebase/compat/database";
import "firebase/compat/storage";

 

원래대로 잘 나옴. ㅠ 휴