TypeError：_firebase_app__WEBPACK_IMPORTED_MODULE_1 ___ default.a.auth不是函数

Question

我正在将Firebase安装到我创建的俄罗斯方块游戏中。这是我第一次做这样的事情。但是，我想到了以下错误：

TypeError: _firebase_app__WEBPACK_IMPORTED_MODULE_1___default.a.auth is not a function

我的App.js文件中出现错误。

import React from 'react';
import firebase from '@firebase/app';
import Login from './components/Login';
import Home from './components/Home';
import Tetris from './components/Tetris';

class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      user: {},
    }
  }

  componentDidMount(){
    this.authListener();
  }
  authListener() {
    firebase.auth().onAuthStateChanged((user) => {
      if (user) {
        this.setState({ user });
        //localStorage.setItem('user', 'user.uid');
      } else {
        this.setState({ user: null });
        //localStorage.removeItem('user');
      }
    });
  }
  render () {
    return (
      <div className="App">
    {this.state.user ? (<Home />) : (<Login/>)}
      </div>
    )
  }
}
export default App;

我做了一些研究，并尝试了以下方法：-删除节点模块并按以下方式重新安装：

$ npm install firebase --save
$ npm install firebase-admin --save

有人知道出了什么问题吗？任何帮助或线索表示赞赏。

谢谢！

Answer 1

将import 'firebase/auth';添加到顶部的导入中，它应该可以正常工作。