Question

我正在使用离子2.我无法在离子2中使用firebase导入。

错误

 Unused import: 'firebase'
 import { HomePage } from '../pages/home/home';
 import firebase from 'firebase';

Answer 1

您应该先安装npm软件包，然后在app.module.ts

中导入firebase模块

<强>安装：

npm install --save ng2-firebase

<强> app.module.ts

import { AngularFireModule } from 'angularfire2';

app.module.ts导入

AngularFireModule.initializeApp(firebaseConfig)

Answer 2

使用npm install进行安装后，您应该从firebase导入一些其他库。

<强> app.module.ts

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

export const firebaseConfig = {
  apiKey: "...",
  authDomain: "...",
  databaseURL: "...",
  projectId: "...",
  storageBucket: "...",
  messagingSenderId: "..."
};

@NgModule({
  ......
  ,
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule, // imports firebase/database, only needed for database features
    AngularFireAuthModule, // imports firebase/auth, only needed for auth features
  ],
.....
})

firebaseConfig在您的某个项目中包含来自您的firebase设置的信息：https://console.firebase.google.com/u/0/。

<强> component.ts

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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
    users: FirebaseListObservable<any[]>;

    constructor(public navCtrl: NavController, public alertCtrl: AlertController, db: AngularFireDatabase, public actionSheetCtrl: ActionSheetController) {
        this.users = db.list('/users');
    }

......

}

在您的组件中，您需要FirebaseListObservable从firebase获取数据。您需要“可观察”，以便始终更新列表（例如，实时比分等）。并且需要AngularFireDatabase才能访问firebase。

您可以查看此入门套件：https://github.com/Temeteron/ionic2-firebase-starter-kit以获取更多信息。

祝你好运！

Answer 3

以管理员身份运行npm并使用

进行安装

npm install --save ng2-firebase

无法在Ionic 2中导入Firebase

3 个答案: