TypeError: this.Ca is not a function while importing firebase components in my React project

Question

I have a separate file named "firebase.js" which contains: I have downloading the firebase package as 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();