reactjs - 类型错误: firebase.initializeApp不是一个函数

Question

我正在尝试在 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 is not a function Module. C:/Users/alami/OneDrive/Desktop/MERN stack/Reacts project/basic/src/Usurvey.js:15 12 | appId: "1:616743515298:web:91293dec0f3568e2b393fb", 13 | }; 14 | // Initialize Firebase 15 | firebase.initializeApp(firebaseConfig); 16 | 17 | class Usurvey extends Component { 18 | constructor(props) { View compiled
Any suggestions please?

Answer 1

文档说您需要调用“firebase/app”而不仅仅是“firebase”。 webpack找不到模块就是因为这个找不到的。

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

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