我正在尝试使用Angular和Ionic 4在我的应用程序中实现Firebase登录/注册。我的帐户注册工作正常，忘记了密码，我可以在我的Firebase控制台中看到帐户。我遇到的问题是当我尝试登录我创建的帐户时。在开发者控制台中，我得到https://imgur.com/a/WzRiwtn：

code: "auth/invalid-email"
message: "The email address is badly formatted."

它说问题出在我的tab3.page.ts：22
下面是该页面的代码

import { Component } from '@angular/core';
import { AlertController } from '@ionic/angular';
import { LoadingController, ToastController } from '@ionic/angular';
import { Router } from '@angular/router';
import { AngularFireAuth } from '@angular/fire/auth';

@Component({
  selector: 'app-tab3',
  templateUrl: 'tab3.page.html',
  styleUrls: ['tab3.page.scss']
})
export class Tab3Page {
  email: string = '';
  password: string = '';
  error: string = '';
  constructor(private fireauth: AngularFireAuth,
    private router: Router,
    private toastController: ToastController,
    public loadingController: LoadingController,
    public alertController: AlertController) {

  }

  async openLoader() {
    const loading = await this.loadingController.create({
      message: 'Please Wait ...',
      duration: 2000
    });
    await loading.present();
  }
  async closeLoading() {
    return await this.loadingController.dismiss();
  }

  login() {
    this.fireauth.auth.signInWithEmailAndPassword(this.email, this.password)
      .then(res => {
        if (res.user) {
          console.log(res.user);
          this.router.navigate(['/home']);
        }
      })
      .catch(err => {
        console.log(`login failed ${err}`);
        this.error = err.message;
      });
  }

  async presentToast(message, show_button, position, duration) {
    const toast = await this.toastController.create({
      message: message,
      showCloseButton: show_button,
      position: position,
      duration: duration
    });
    toast.present();
  }

}

我一直盯着这个，因为周五尝试多种不同的方法和指南在线和每一种方法，我尝试我得到这个错误，任何帮助将非常感谢.这段代码来自以下这个https://enappd.com/blog/email-authentication-with-firebase-in-ionic-4/38/教程，甚至看他的github，并遵循它正是我仍然来到这个问题.