не удается устранить ошибку firebase / app в аутентификации Google в reactjs

Question

Я пытаюсь использовать проверку подлинности Google Firebase в моем проекте, но я получаю эту ошибку при компиляции:

. / Src / firebase / firebase.utils. js Модуль не найден: Не могу разрешить 'firebase' в 'C: \ Users ...

Это мой firebase.utils. js:

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


const config = {
    apiKey: "AIzaSyCcqIv_fjH5LTw7A6Q9hjevJfGTmN3nIqk",
    authDomain: "crwn-db-4b7c9.firebaseapp.com",
    databaseURL: "https://crwn-db-4b7c9.firebaseio.com",
    projectId: "crwn-db-4b7c9",
    storageBucket: "crwn-db-4b7c9.appspot.com",
    messagingSenderId: "659711574442",
    appId: "1:659711574442:web:1e28381cc2890ad32aabd3",
    measurementId: "G-0B6V9D8PRK"
  };



firebase.initializeApp(config);

export const auth = firebase.auth();
export const firestore = firebase.firestore();

const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters ({ prompt: 'select_account' });
export const signInWithGoogle = () => auth.signInWithPopup( provider );   

export default firebase;

Затем я импортировал Функция signInWithGoogle в моем компоненте входа.

Кто-нибудь знает, в чем проблема? Где моя ошибка?

Answer 1

Вам необходимо импортировать модуль firebase.

Следующий код должен работать:

import * as firebase from 'firebase/app';

, в отличие от того, как вы в настоящее время импортируете его

import firebase from 'firebase/app';