TypeError：firebase.initializeApp 不是函数

Posted 2023-02-23

【中文标题】TypeError：firebase.initializeApp 不是函数

【英文标题】：TypeError: firebase.initializeApp is not a function

【发布时间】：2021-05-04 01:11:21

【问题描述】：

我正在尝试在 React 中创建一个注册和登录站点，并且我已经使用 npm install --save firebase 添加了 Firebase 库 我正在尝试将我的应用程序与 firebase 连接，但我并没有很高兴：

import React,  Component  from "react";
var firebase = require("firebase");
var uuid = require("uuid");

var firebaseConfig = 
  apiKey: "AIzaSyCWUBB9SgYhzOntmoJl4S7wmz6VvuyjMGA",
  authDomain: "basic-bfd76.firebaseapp.com",
  databaseURL: "https://basic-bfd76-default-rtdb.firebaseio.com",
  projectId: "basic-bfd76",
  storageBucket: "basic-bfd76.appspot.com",
  messagingSenderId: "616743515298",
  appId: "1:616743515298:web:91293dec0f3568e2b393fb",
;
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

class Usurvey extends Component 
  constructor(props) 
    super(props);
    this.state = 
      uid: uuid.v1(),
      studentName: "",
      answers: 
        answers1: "",
        answers2: "",
        answers3: "",
      ,
      isSubmitted: false,
    ;
  
  render() 
    var studentName;
    var question;

    if (this.state.studentName === "" && this.state.isSubmitted === false) 
      studentName = (
        <div>
          <h1>Hey Student, please let us konw your name: </h1>
          <form>
            <input type="text" placeholder="Enter your name: " ref="name" />
          </form>
        </div>
      );
    
    return (
      <div>
        <h1>Hello i'm from usurvy</h1>
      </div>
    );
  

export default Usurvey;

我得到这个错误：

TypeError: firebase.initializeApp 不是函数 模块。 C:/Users/alami/OneDrive/Desktop/MERN stack/Reacts project/basic/src/Usurvey.js:15 12 | appId: "1:616743515298:web:91293dec0f3568e2b393fb", 13 | ; 14 | // 初始化 Firebase 15 | firebase.initializeApp(firebaseConfig); 16 | 17 |类 USurvey 扩展组件 18 |构造函数（道具） 查看编译 请问有什么建议吗？

【问题讨论】：

你可以按照documentation?中提到的方式试试

是的，我仍然得到错误

【参考方案1】：

var firebase = require('firebase/app');

欲了解更多信息，请转至link

【讨论】：

谢谢，我用过ES6。所以，会有import firebase from 'firebase'

【参考方案2】：

文档说您需要调用“firebase/app”而不仅仅是“firebase”。 webpack找不到模块也因此找不到。

const firebase = require("firebase/app");
// or import firebase from "firebase/app";

还要仔细检查 node_modules 中是否确实安装了 Firebase。检查您的 package.json 是否 100% 作为依赖项存在。尝试重新安装它。

【讨论】：

Joe 谢谢，问题确实解决了，我有一些改变import firebase from 'firebase' 就是这样。