angular - Firebase:没有创建 Firebase App '[DEFAULT]' - 调用 Firebase App.initializeApp() (app/no-app)
问题描述
首先我很抱歉,这是我第一次在论坛上提问,我的英语说得不太好......我正在使用 Ionic 3 开发一个应用程序,当我尝试时出现此错误使用火力基地:
Firebase:没有创建 Firebase App '[DEFAULT]' - 调用 Firebase App.initializeApp() (app/no-app)
这是我的文件:
App.module.ts :
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { AngularFireModule } from 'angularfire2';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import {TabsPage} from "../pages/tabs/tabs";
import {ListPage} from "../pages/list/list";
import {AuthPage} from "../pages/auth/auth";
import {AuthService} from "../Services/Authentification/auth.service";
import {FIREBASE_CONFIG} from "./app.firebase.config";
@NgModule({
declarations: [
MyApp,
HomePage,
TabsPage,
ListPage,
AuthPage,
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
AngularFireModule.initializeApp(FIREBASE_CONFIG),
AngularFireAuthModule,
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
TabsPage,
ListPage,
AuthPage,
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
AuthService,
]
})
export class AppModule {}
app.firebase.config :
export const FIREBASE_CONFIG = {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "..."
};
我在其他论坛上搜索过解决方案,但没有任何效果。如果您需要更多信息,请告诉我
解决方案
我猜您的 Firebase_config 定义的文件路径可能有问题。不久前我离开了 angularFire,但我记得初始化是相似的。下面是我的 app.module.ts 文件......所以,也许这是你可以尝试的:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, RouteReuseStrategy, Routes } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import * as firebase from 'firebase';
// Initialize Firebase
export const config = {
apiKey: "CENSORED",
authDomain: "CENSORED.firebaseapp.com",
databaseURL: "https://CENSORED.firebaseio.com",
projectId: "CENSORED-fffff",
storageBucket: "sCENSORED-fffff.appspot.com",
messagingSenderId: "CENSORED"
};
firebase.initializeApp(config); <--------initialize here
@NgModule({
declarations: [
AppComponent,
LoginFormComponent,
],
entryComponents: [
],
imports: [
BrowserModule,
IonicModule.forRoot(), <----No mention of firebase down here
AppRoutingModule,
IonicStorageModule.forRoot(),
],
providers: [
AuthenticationService,
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
推荐阅读
- python - Pandas:Datetimeindex 和 Intervalindex 交集
- visual-studio - 本机 Windows 资源(.rc 文件)的资源编辑器中“(名称)”字段的相关性
- vim - 如何仅更改 NERDTree 中的列颜色
- excel - ThisWorkbook.Save 无法为除我自己以外的所有用户再次工作
- cookies - 谷歌分析 (gtag) - 如何查明用户在之前访问网站时是否同意 cookie?
- python - 错误:pip 安装先知后的命令失败,退出状态为 2 -
- woocommerce - WooCommerce get_name 进入 ACF 中继器字段
- node.js - 使用带有缓存的 graphql 来减少数据库访问
- python - 为什么我无法通过 Python 使用 requests_html 获取整个页面的内容?
- haskell - 根据其他类型和类型类在 Haskell 中定义类型