'firebase' 未定义 no-undef

Question

我正在使用 Google 和 Facebook 构建一个带有 Firebase 身份验证的登录页面。 请在下面找到代码片段和错误消息。

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


const Login = () => {
   
    
    return (
   
   <div id="login-page"> 
            <div id="login-card">
               
               <h2>Welcome to PryChat !</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

Answer 1

我无法发表评论，但您是否安装了正确版本的 firebase？ 如果您安装了 v9（最新的模块化版本），它可能无法正常工作，因为您使用的是 v8 语法。

尝试查看Google和Facebook文档中的 v9 语法，并确保使用正确的版本。