如何修复 firebase.auth().signInWithEmailAndPassword() 方法中的错误'Undefined and error message: this.f is not

Question

我正在为我的Web应用程序使用Firebase。我在Node.js中使用Firebase Client SDK来对我的WebApp中的用户进行身份验证。但是firebase.auth().signInWithEmailAndPassword()函数正在使用错误代码投掷错误：

未定义和错误消息：this.f不是构造函数。

我在网上搜索了这些错误，但找不到合适的答案。我也在我的Web应用中使用Express-Generator。

这是我的app.js文件

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
const firebase = require('firebase/app');
require('firebase/auth');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var loginRouter = require('./routes/login');
var app = express();
const firebaseConfig = {
  Here lies the credentials
};
firebase.initializeApp(firebaseConfig);
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/login', loginRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};
  // render the error page
  res.status(err.status || 500);
  res.render('error');
});
module.exports = app;

这是我在登录路线中使用的登录

var express = require('express');
var router = express.Router();
var bodyParser = require('body-parser');
const firebase = require('firebase/app');
require('firebase/auth');
var urlencodedParser = bodyParser.urlencoded({ extended: false });
/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('login');
});
router.post('/', urlencodedParser, function(req,res){
    console.log('details', req.body);
    firebase.auth().signInWithEmailAndPassword(req.body.email, req.body.pass).then(function(){
      res.render('dashboard', {data: req.body});
    }).catch(function(error) {
      // Handle Errors here.`enter code here`
      var errorCode = error.code;
      var errorMessage = error.message;
      console.log('Error code', errorCode);
      console.log('Error message', errorMessage);
    });
    
  });
module.exports = router;

login.ejs是一种形式，在提交表格时我得到这些错误

在浏览器上渲染登录。ejs

错误代码：未定义和错误消息：this.f不是构造函数

在这里，我从表单中获取值，但auth失败

您能就解决方案告知我吗？

Answer 1

在v6.2.1中意外引入了此问题。v6.2.0应该没问题。Firebase团队正在努力进行解决方案。

Answer 2

似乎也是一个错误。在https://github.com/firebase/firebase-js-sdk/issues/1906

Answer 3

 "dependencies": {
"firebase": "^5.9.0",
"firebase-admin": "~7.0.0",
"firebase-functions": "^2.2.0"
      },

上述版本可以使用