Firebase Auth TypeError: модуль не определен

Question

Я хотел настроить встроенный пользовательский интерфейс Firebase Auth с реагированием я скопировал код из github я получаю эту ошибку:

Ошибка типа: firebase__WEBPACK_IMPORTED_MODULE_2 ___ default.a.auth не определена

Скриншот моей ошибки

https://github.com/firebase/firebaseui-web-react

я использую VScode и node.js для установки пакетов

import React from 'react';
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth';
import firebase from 'firebase';

    uiConfig = {
        // Popup signin flow rather than redirect flow.
        signInFlow: 'popup',
        // We will display Google and Facebook as auth providers.
        signInOptions: [
          firebase.auth.GoogleAuthProvider.PROVIDER_ID,
          firebase.auth.FacebookAuthProvider.PROVIDER_ID
        ],
        callbacks: {
          // Avoid redirects after sign-in.
          signInSuccessWithAuthResult: () => false
        }
      };

Answer 1

Попробуйте импортировать как Firebase, так и конкретные пакеты, которые вы хотите использовать.У меня была та же проблема в моем приложении с пакетом «auth», но добавление его специально после общего импорта заставило вещи работать:

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

Вы можете проверить это в официальной документации 1005 *.