Angular 错误:没有Firebase应用程序';[默认]';已经创建了
我正在使用Ionic2,当我转到localhost:8100(在执行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';
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';