TypeError: this.Ca 在我的 React 项目中导入 firebase 组件时不是函数

Question

我有一个名为“firebase.js”的单独文件，其中包含： 我已将 firebase 包下载为npm i firebase。

import firebase from "firebase";
import "@firebase/auth";
import 'firebase/firebase-functions';
// require('firebase/auth');
// import auth from 'firebase/firebase-auth';

 


const firebaseConfig = {
    apiKey: 
    authDomain:
    projectId:
    storageBucket: 
    messagingSenderId: 
    appId: 
  };

  
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

  //export

   const auth= firebase.auth();
  const googleAuthProvider=firebase.auth.GoogleAuthProvider();

  export {auth,googleAuthProvider};

---

问题是每当我尝试从该文件导入身份验证时，在成功编译后我在浏览器中收到此错误。

我已将所有内容更新到最新版本，无论是 React 脚本、npm 等等。

Answer 1

您在这一行中缺少new：

const googleAuthProvider = new firebase.auth.GoogleAuthProvider();