reactjs - 使用 firebase 进行身份验证。 AuthWithOAuthPopup 不是一个函数

Question

我正在关注 Wes Bos react for Beginner 教程(已更新)，但我一直坚持使用 firebase 进行身份验证。尝试使用 github 进行身份验证。

收到错误TypeError:__WEBPACK_IMPORTED_MODULE_3__base__.a.AuthWithOAuthPopup不是函数

我的代码似乎与教程中的相同:

class Inventory extends React.Component {
  constructor() {
    super();
    this.renderInventory = this.renderInventory.bind(this);
    this.renderLogin = this.renderLogin.bind(this);
    this.authenticate = this.authenticate.bind(this);
    this.authHandler = this.authHandler.bind(this);
    this.handleChange = this.handleChange.bind(this);

    this.state = {
      uid: null,
      owner: null
    }
  }

  handleChange(e, key) {
    const fish = this.props.fishes[key];
    const updatedFish = {
      ...fish,
      [e.target.name]: e.target.value
    }
    this.props.updateFish(key, updatedFish);
  }

  authenticate(provider){
    console.log(`trying to login with ${provider}`);
    base.authWithOAuthPopup(provider, this.authHandler);
  }

  authHandler(err, authData) {
    console.log(authData);

  }
  renderLogin() {
    return (
      <div>
        <h1>Log In</h1>
        <button onClick={() => this.authenticate('github')}>Log In with Email</button>
      </div>
    )
  }

这是我的 base.js 文件的样子:

import Rebase from 're-base';
import firebase from 'firebase';

const config = {
   KEYS
};

const app = firebase.initializeApp(config)
const base = Rebase.createClass(app.database())

export default base;

Answer 1

最新版本的 Rebase 中已弃用 authWithOAuthPopup。您可以改用 signInWithEmailAndPassword。请参阅https://firebase.google.com/docs/reference/js/firebase.auth.Auth#signInWithEmailAndPassword