时间戳

首页 > 解决方案 > 类型错误：_firebase_app__WEBPACK_IMPORTED_MODULE_1___default.a.auth 不是函数

reactjs - 类型错误：_firebase_app__WEBPACK_IMPORTED_MODULE_1___default.a.auth 不是函数

问题描述

我正在将 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

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

谢谢！

标签： reactjsfirebase

解决方案

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

推荐阅读