Javascript “Firebase返回”；应用程序/坏应用程序名称“；在angularfire2中

在我的Angular应用程序中，Firebase返回一个错误，该错误将

坏应用程序名称

显示为代码。 我在angularfire2应用程序中使用angularfire2

我已经仔细检查了Firebase配置，这是正常的，所以如何解决这个错误

应用程序组件.ts

import { Component, OnInit } from '@angular/core';
import { FormsModule, NgForm } from "@angular/forms";
import { AngularFireDatabase } from "angularfire2/database";
import { Router } from '@angular/router';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent{
  isLoggedIn: boolean = false;
  courses: any[];
  constructor(public db: AngularFireDatabase) {
    db.list('/Courses').valueChanges().subscribe(courses => {
      this.courses = courses;
      console.log(this.courses);
    });
  }

  login() {
    this.isLoggedIn = !this.isLoggedIn;
  }
  user:any;
  saveData(formData) {
    if (formData.valid) {
      console.log(formData.value);
    }
  }
}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { HttpModule } from "@angular/http";
import { AppRoutingModule } from './app-routing.module';

import { AngularFireModule } from "angularfire2";
import { AngularFireDatabaseModule } from "angularfire2/database";
import { AngularFireAuthModule } from "angularfire2/auth";

import { AppComponent } from './app.component';

export const firebaseConfig = {
  apiKey: "apikey",
  authDomain: "angular-f5fa9.firebaseapp.com",
  databaseURL: "https://angular-f5fa9.firebaseio.com",
  projectId: "angular-f5fa9",
  storageBucket: "angular-f5fa9.appspot.com",
  messagingSenderId: "592083773091"
};

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

应用程序模块.ts

import { Component, OnInit } from '@angular/core';
import { FormsModule, NgForm } from "@angular/forms";
import { AngularFireDatabase } from "angularfire2/database";
import { Router } from '@angular/router';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent{
  isLoggedIn: boolean = false;
  courses: any[];
  constructor(public db: AngularFireDatabase) {
    db.list('/Courses').valueChanges().subscribe(courses => {
      this.courses = courses;
      console.log(this.courses);
    });
  }

  login() {
    this.isLoggedIn = !this.isLoggedIn;
  }
  user:any;
  saveData(formData) {
    if (formData.valid) {
      console.log(formData.value);
    }
  }
}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { HttpModule } from "@angular/http";
import { AppRoutingModule } from './app-routing.module';

import { AngularFireModule } from "angularfire2";
import { AngularFireDatabaseModule } from "angularfire2/database";
import { AngularFireAuthModule } from "angularfire2/auth";

import { AppComponent } from './app.component';

export const firebaseConfig = {
  apiKey: "apikey",
  authDomain: "angular-f5fa9.firebaseapp.com",
  databaseURL: "https://angular-f5fa9.firebaseio.com",
  projectId: "angular-f5fa9",
  storageBucket: "angular-f5fa9.appspot.com",
  messagingSenderId: "592083773091"
};

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

控制台错误

FirebaseError {
code: "app/bad-app-name", 
message: "Firebase: Illegal App name: '[object Object] (app/bad-app-name).", 
name: "[object Object]", 
ngDebugContext: DebugContext_, 
ngErrorLogger: ƒ, …}

---

要修复此问题，

步骤1:使用以下命令卸载

npm uninstall --save firebase

步骤2:现在，打开package.json文件。在那里，你会发现：

"angularfire2": "^5.0.0-rc.4"

第3步：在此行下方添加一个字符（不带插入符号（^）符号）：并保存

"firebase": "4.8.0"

---

步骤4:现在执行npm安装。你的应用程序应该可以运行，这是一个适合我的解决方案：

npm uninstall --save firebase angularfire2

然后

• npm卸载--保存firebase
• 在package.json中：

• npm i

---

我也遇到了同样的错误。我通过确保

“@firebase/app”：“^0.3.3”，

---

依赖项是最新的。

您在Firebase中的项目/应用程序的名称是什么？就像你在Firebase控制台中看到的相应项目/应用程序卡的第一行一样？尝试执行类似于

AngularFireModule.initializeApp（firebaseConfig，'some app name'）

的操作，看看是否会出现同样的错误。我已经尝试过@AlexanderStaroSelsky你使用的Firebase+angularfire是什么版本的？谢谢<代码>“@firebase/app”：“^0.3.4”与“

”@angular/fire:“^5.0.2”