여러분 안녕하십니까? 당신이 모두 괜찮기를 바랍니다. 오늘 내 앱에서 Firebase를 구현하고 있지만 다음 오류가 발생했습니다. 가져오기 시도 오류: ‘firebase/app’에 기본 내보내기가 포함되어 있지 않습니다(‘firebase’로 가져옴). 안에 ReactJs. 그래서 여기에 가능한 모든 솔루션을 설명하겠습니다.

시간을 낭비하지 않고 이 문서를 시작하여 이 오류를 해결해 보겠습니다.

가져오기 시도 오류: ‘firebase/app’에 기본 내보내기가 포함되어 있지 않습니다(‘firebase’로 가져옴) 오류가 발생하는 방법?

오늘 내 앱에서 Firebase를 구현하고 있지만 다음 오류에 직면하고 있습니다.

./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

여기 내 코드가 있습니다.

import firebase from "firebase/app";
import "firebase/auth";

가져오기 시도 오류 해결 방법: ‘firebase/app’에 기본 내보내기(‘firebase’로 가져옴) 오류가 포함되어 있지 않습니까?

  1. 가져오기 시도 오류 해결 방법: ‘firebase/app’에 기본 내보내기(‘firebase’로 가져옴) 오류가 포함되어 있지 않습니까?

    가져오기 시도 오류를 해결하려면: ‘firebase/app’에 기본 내보내기가 포함되어 있지 않습니다(‘firebase’로 가져옴) 오류 버전 9를 사용하는 경우 Firebase 가져오기를 위해 상황이 약간 변경되었음을 잊지 마십시오. compatibility 따라서 가져오기에서 /compat 폴더를 사용할 수 있습니다. 다음은 이 줄 바꾸기의 예입니다. Firebase 가져오기 firebase/app; 이 가져오기 firebase from ‘firebase/compat/app’; 두 번째 해결책은 이 오류가 발생한 경우 v9보다 낮은 Firebase 버전으로 다운그레이드하는 것입니다.

  2. 가져오기 시도 오류: ‘firebase/app’에 기본 내보내기가 포함되어 있지 않습니다(‘firebase’로 가져옴).

    가져오기 시도 오류를 해결하려면: ‘firebase/app’에 기본 내보내기가 포함되어 있지 않습니다(‘firebase’로 가져옴) 오류 버전 9를 사용하는 경우 Firebase 가져오기를 위해 상황이 약간 변경되었음을 잊지 마십시오. compatibility 따라서 가져오기에서 /compat 폴더를 사용할 수 있습니다. 다음은 이 줄 바꾸기의 예입니다. Firebase 가져오기 firebase/app; 이 가져오기 firebase from ‘firebase/compat/app’; 두 번째 해결책은 이 오류가 발생한 경우 v9보다 낮은 Firebase 버전으로 다운그레이드하는 것입니다.

해결 방법 1: 가져오기에서 /compat 폴더 사용

버전 9를 사용하는 경우 Firebase 가져오기가 약간 변경되었음을 잊지 마세요. 이제 compatibility 그래서 사용할 수 있습니다 /compat 폴더를 가져옵니다. 다음은 예입니다.

이 줄을 바꿉니다.

import firebase from "firebase/app";

이것으로.

import firebase from 'firebase/compat/app';

다음은 버전 9에서 변경된 몇 가지 예입니다.

//to use firebase app
import firebase from 'firebase/app'; //older version
import firebase from 'firebase/compat/app'; //v9

//to use auth
import 'firebase/auth'; //older version
import 'firebase/compat/auth'; //v9

//to use firestore
import 'firebase/firestore'; //Older Version
import 'firebase/compat/firestore'; //v9

해결 방법 2: Firebase 버전 다운그레이드

이 오류가 발생하면 v9보다 낮은 Firebase 버전으로 다운그레이드하세요.

솔루션 3: 아래 예와 같이 Firebase 앱 객체 생성

  1. npm을 사용하여 Firebase를 설치합니다.
  2. npm 설치 파이어베이스
  3. 앱에서 Firebase를 초기화하고 아래 예와 같이 Firebase 앱 객체를 만듭니다.
import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project
configuration const firebaseConfig = {   //... };

const app = initializeApp(firebaseConfig);

여름

이 문제에 대한 모든 것입니다. 모든 솔루션이 많은 도움이 되었기를 바랍니다. 아래에 귀하의 생각과 질문을 댓글로 남겨주세요. 또한 어떤 솔루션이 귀하에게 효과가 있었는지 아래에 댓글로 남겨주세요.