javascript - 类型错误：firebase__WEBPACK_IMPORTED_MODULE_0__.default.initialize 不是函数

Question

我正在尝试使用 firebase 进行登录。当我尝试从 firebase 文件导入身份验证时，出现错误：

错误：TypeError：firebase__WEBPACK_IMPORTED_MODULE_0__.default.initialize 不是函数。

火力基地文件：

import firebase from "firebase";


const firebaseConfig = {
    apiKey: "AIzaSyDfNDqC53hmbHKvffo-TDpPdR7j5vTmC-g",
    authDomain: "eshop-5d616.firebaseapp.com",
    projectId: "eshop-5d616",
    storageBucket: "eshop-5d616.appspot.com",
    messagingSenderId: "520059628103",
    appId: "1:520059628103:web:4ded9582d92a6020681f62",
    measurementId: "G-G6DW6FBC5D"
};

firebase.initialize(firebaseConfig);

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

登录文件：

import React, {useState} from 'react';
import classes from './SignIn.module.scss';
import { auth } from '../../firebase'
import {useHistory} from 'react-router-dom';

const SignIn = () => {
    const history = useHistory();
    const[email, setEmail] = useState('');
    const[password, setPassword] = useState();

    const signIn = () => {
        auth.signInWithEmailAndPassword(email, password).then(res=> {
            history.push('/admin');
        }).catch(err => {

        })
    }

    return (
        <div className={classes.main}>
            <h1>Sign in </h1>
            <form>
            <input type="text" placeholder='Enter your email' value={email} onChange={e => setEmail(e.currentTarget.value)} />
            <input type="text" placeholder='Enter your password' value={password} onChange={e => setPassword(e.currentTarget.value)} />
            </form>
            <button>Sign In</button>
            {/*onClick={signIn}*/}
        </div>
    );
};

export default SignIn;

标签： javascriptreactjsfirebase