使用 firebase 进行 signInWithRedirect 的正确语法是什么？

问题描述

Login.js

import React from 'react'
import {GoogleOutlined,FacebookOutlined } from '@ant-design/icons';
import "firebase/app";

import { auth } from '../firebase';

const Login = () => {
    return (
        <div id="login-page">
            <div id="login-card">
                <h2> Welcome to myChat Application!</h2>
                <div className="login-button google"
                    onClick = {() => auth.signInWithRedirect(new firebase.auth.GoogleAuthProvider())}>
                    <GoogleOutlined /> Sign in with Google
                </div>
                <br /><br />
                <div className="login-button facebook"
                    onClick = {() => auth.signInWithRedirect(new firebase.auth.FacebookAuthProvider())}>
                    <FacebookOutlined /> Sign in with Facebook
                </div>
            </div>
        </div>
    )
}

export default Login

它说

src\Components\Login.js

第 13:66 行：'firebase' 未定义 no-undef 第 18:66 行： 'firebase' 未定义 no-undef

搜索关键字以详细了解每个错误。

解决方法

我认为您导入错误。应该是

import firebase from 'firebase/app';