웹 앱에서 Firebase 적용 시, 모듈 방식의 JavaScript로 작성하였으나 모듈 번들러는 사용하지 않았을 때 발생하는 오류입니다.
Firebase config 정보를 담은 JS 코드가 type="module"로 적용되어 있을 때, Firebase 모듈을 CDN을 통해 Google 서버에서 가져오는 것이 아니라면 (즉, npm으로 관리하고 있다면) Webpack, Parcel, Rollup, Snowpack 과 같은 모듈 번들러가 반드시 필요합니다.
Firebase 공식 문서에서는 Firebase SDK 적용 방법을 네임스페이스 방식과 모듈 방식 두 가지 중 1 택의 형태로 안내해주고 있는데, 이 중 모듈식이 최신 방법론이며, 이것을 선택했을 때 모듈 번들러를 함께 사용해주어야 합니다.
Firebase 공식 문서에 Firebase SDK과 함께 모듈 번들러를 사용하기 위한 가이드가 아주 잘 되어 있기 때문에 어렵지 않게 해결할 수 있습니다.
Reference
Uncaught TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or
I've followed a YouTube tutorial on WebRTC video chat, so I've tried to write it. In localhost it worked, but as soon as I've uploaded it to firebase hosting it gives this error. what can I do? I'm...
stackoverflow.com
Firebase와 함께 모듈 번들러 사용
의견 보내기 Firebase와 함께 모듈 번들러 사용 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 자바스크립트 모듈 번들러에는 다양한 기능이 있지만, 가장 유
firebase.google.com