Vue 2; 'firebase/app'에서 내보내기 'default'('firebase'로 가져오기)를 찾을 수 없음

Vue 2; 'firebase/app'에서 내보내기 'default'('firebase'로 가져오기)를 찾을 수 없음

나는 Vue 2 앱에서 소방서를 수입하려고 하는데, 이 짜증나는 문제에 부딪히고 있어.

내 수입은 다음과 같다.

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'

하지만 내가 서브를 할 때, 나는 다음과 같은 것을 얻는다.

'firebase/app'에서 내보내기 'default'('firebase'로 표시됨)를 찾을 수 없음

내 견해는 전달되거나 전달되지 않아

내 버전의 소방 기지는 npm에서 9.0.0 떨어져 있다.

2021년 8월 25일 Firebase SDK 버전 9가 출시됨에 따라 Firebase Web SDK 버전 8을 사용하는 많은 사용자들이 같은 문제로 어려움을 겪고 있다.

문서에 따르면 현재 Firebase Web SDK 버전 8 이하를 사용하고 있는 앱은 다음과 같이 버전 9로 마이그레이션을 고려해야 한다.

이전: 버전 8(이전)

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

이후: 버전 9 호환(새로 만들기)

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

더그 스티븐슨이 내 소방서 버전을 확인해보자고 제안했기 때문에, 나는 결국 소방서의 업그레이드 문서를 확인했고, 이 https://firebase.google.com/docs/web/modular-upgrade을 발견했다. https://firebase.google.com/docs/web/modular-upgrade

거기에서의 지시에 따라(소방서/x에서 소방서/compative/x로의 경로 변경) 내 문제를 완벽하게 해결했다.모두 고마워, 그리고 나처럼 새로운 포맷으로 혼란스러운 다른 얼토당토않은 사람들이 이 포스트를 통해 도움을 받을 수 있기를 바란다.

내 리액션 프로젝트에서 작동한 세 라인에 /호환 추가

import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore';

참조URL: https://stackoverflow.com/questions/68929593/vue-2-export-default-imported-as-firebase-was-not-found-in-firebase-app