[Expo] 리액트 네이티브 앱 개발 - IDB 오류

문제상황

자바스크립트 기반의 리액트 네이티브 앱 개발을 하면서 Expo도구로 아이폰과 연동하여 구동을 테스트하던 중이었다.

'스파르타 코딩 클럽' 에서 앱 개발 종합반을 수강하면서 4주차까지 공부하며 큰 오류, 작은 오류 잘 해결해왔었다.

이번에도 조금 문제가 생겼었는데 바로 Expo를 통해 QR코드를 촬영하여 지금까지 만든 앱을 아이폰에서 구동시키고자 하였으나 밑의 그림처럼 에러가 발생하였다.

idb 오류발생

오류 발생 내용을 요약하자면 "idb 오류"였다.

---

해결과정

그래서 수강중인 강의의 튜터분께 문의를 드렸더니 빠른 시간 내에 답장을 해주셨다. (너무 감사할 따름)

Slack 문의 내용

Slack 답변 내용

idb오류는 firebase의 버전과 expo 버전 사이 호환성 충돌 문제로 

앱 내 프로젝트 폴더에 metro.config.js를 생성한 뒤

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

const defaultConfig = getDefaultConfig(__dirname);

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

module.exports = defaultConfig;

를 입력하여 해결할 수 있었다.

---

 버전 충돌은 비교적 어려운 에러는 아니었지만 에러를 해결하면서 버전 충돌에서도 문제가 발생할 수 있음을 알 수 있었고, metro.config.js 파일이 어떠한 역할을 하는지도 궁금해졌다.

<참고 사이트>

https://velog.io/@woongsnote/TIL-Firebase-Error

[TIL] Firebase Error