Angular 错误:没有Firebase应用程序';[默认]';已经创建了

Angular 错误:没有Firebase应用程序';[默认]';已经创建了,angular,typescript,ionic-framework,firebase,ionic2,Angular,Typescript,Ionic Framework,Firebase,Ionic2,我正在使用Ionic2,当我转到localhost:8100(在执行ionic serve之后)时,我收到一个错误,您可以在下图中看到 app.component.ts如下所示: import firebase from 'firebase'; import { Component } from '@angular/core'; import { Platform } from 'ionic-angular'; import { StatusBar } from 'ionic-native';

我正在使用Ionic2,当我转到localhost:8100(在执行
ionic serve
之后)时,我收到一个错误,您可以在下图中看到

app.component.ts如下所示:

import firebase from 'firebase';
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from 'ionic-native';
import { HomePage } from '../pages/home/home';

@Component({
  template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
  rootPage = HomePage;

  constructor(platform: Platform) {
    platform.ready().then(() => {


      var config = {
        apiKey: ".....",
        authDomain: "......",
        databaseURL: ".....",
        storageBucket: ".....",
        messagingSenderId: "......"
      };

      firebase.initializeApp(config);
      StatusBar.styleDefault();
    });
  }
}
我的系统信息:

Cordova CLI:6.3.1

离子框架版本:2.0.0-rc.1

IONAL CLI版本:2.1.1

爱奥尼亚应用程序库版本:2.1.1

爱奥尼亚应用程序脚本版本:0.0.36

OS:Distributor ID:Ubuntu说明:Ubuntu 16.04.1 LTS


节点版本:v4.2.6

我也有同样的问题,也许我有一个解决方案(适合我)

我已从app.components.ts中完全删除firebase初始化,并将其添加到NGModule之前的app.module.ts中,例如:

    ...
    import * as firebase from 'firebase';

    export const firebaseConfig = {
      apiKey: "",
      authDomain: ".firebaseapp.com",
      databaseURL: "https://.firebaseio.com",
      storageBucket: ".appspot.com",
      messagingSenderId: ""
    };

    firebase.initializeApp(firebaseConfig); //<-- where the magic happens

    @NgModule({
    ...

希望这对你有用

最初,我在应用程序中以这种方式初始化firebase

imports: [
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    AngularFireMessagingModule,
    AngularFireModule.initializeApp(environment.firebase)
  ]
后来它引起了同样的问题,然后我在@NgModule之前添加了这个

    import * as firebase from 'firebase';
    firebase.initializeApp(environment.firebase); 
除此浏览器警告外,它工作正常

编辑:始终以这种方式导入以避免警告

import firebase from 'firebase/app';

尝试:
import*作为firebase从“firebase”导入@Sasxa import*as firebase from'firebase'在终端中向我发出以下警告:汇总:导出'initializeApp'未由'/home/xxxx/Desktop/myApp/src/app/app.component.ts'定义,并且此问题标题的相同错误:未创建firebase应用程序'[DEFAULT]',如果我确实从“firebase”导入firebase,则终端中不会显示警告,但错误会在google chrome控制台中持续出现。您使用的firebase版本是什么?从my package.json:“firebase”:“^3.5.0”中看不到任何可能导致问题的其他内容。若你们评论firebase的东西,其他的一切都正常吗?但这不适用于角度宇宙。我们收到诸如TypeError:firebase.initializeApp不是function@Bharat试试这个:这篇文章已经3,5年了,导入结构已经改变,如果下面的导入解决了你的问题,试试看:从“firebase/app”导入*作为firebase;嘿@Ben,我已经尝试了上面提到的导入,但没有成功,并给出了相同的响应。
    import * as firebase from 'firebase';
    firebase.initializeApp(environment.firebase); 
import firebase from 'firebase/app';