首页 文章

错误:无法找到模块“angularfire2 / database-deprecated”appmodule ionic 3,Angularfire2

提问于
浏览
3

我尝试连接到firebase中的数据库 . 这是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 { AngularFireDatabase, AngularFireDatabaseModule } from 'angularfire2/database';

import { AngularFireModule } from 'angularfire2';
import { environment } from '../environments/environment';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireDatabaseModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    AngularFireDatabase,
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

错误就在这一行

import { AngularFireDatabase, AngularFireDatabaseModule } from 'angularfire2/database';

我试过这个也从'angularfire2 / database-deprecated '导入{AngularFireDatabase,AngularFireDatabaseModule};

但错误只是改变了 .

运行时错误无法找到模块“angularfire2 / database”堆栈错误:无法在webpack_require(http:// localhost:8100 / build / main.js:78:7)的Object.217(http:// localhost:8100 / build / main.js:78:7)中找到模块“angularfire2 / database” //localhost:8100/build/vendor.js:55:30)at object.194(http:// localhost:8100 / build / main.js:60:70)at webpack_require(http:// localhost:8100 / build / vendor.js:55:30)在webpackJsonpCallback(http:// localhost:8100 / build / vendor.js:26:23)的http:// localhost:8100 / build / main.js:1:1

1 回答

  • 1

    刚看完这个documentation

    在终端: npm install firebase --save

    在你的app.module.ts中创建firebase配置对象:

    // Set the configuration for your app
    // TODO: Replace with your project's config object
    var config = {
      apiKey: "apiKey",
      authDomain: "projectId.firebaseapp.com",
      databaseURL: "https://databaseName.firebaseio.com",
      storageBucket: "bucket.appspot.com"
    };
    firebase.initializeApp(config);
    
    // Get a reference to the database service
    var database = firebase.database();
    

    After the call on Page .ts:

    import * as firebase from 'firebase';
    

相关问题