ionic-framework - Ionic - 运行时错误 this.fba.logEvent(...).then 不是函数

Question

我正在使用 Ionic 和 Firebase。我已经创建了 firebase 项目，单击图标以“向您的 android 应用程序添加火力”并按照步骤操作。

跟随。是我的 html 页面上的代码:

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  Firebase Analytics
  <p>
    Click the button to log a custom event
  </p>
  <button ion-button full (click)="logClick()">Log event</button>
</ion-content>

以下代码在本页的ts中:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { EventLoggerProvider } from '../../providers/event-logger/event-logger';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController,
    public logger: EventLoggerProvider) {
  }

  logClick() {
    this.logger.logButton('homeButton',{ pram: "paramValue" })
}
}

跟随。代码在提供者中:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { FirebaseAnalytics } from '@ionic-native/firebase-analytics';

@Injectable()
export class EventLoggerProvider {

  constructor(public fba: FirebaseAnalytics) {
    console.log('Hello EventLoggerProvider Provider');
  }

  logButton(name:string,value:any){
    this.fba.logEvent(name, { pram:value })
    .then((res: any) => {console.log(res);})
    .catch((error: any) => console.error(error));
  }
}

我运行“ionic cordova run android”并在移动设备上启动该应用程序，一切似乎都正常。但是，当我执行“ionic serve”时，页面在浏览器中加载正常，但是当我单击按钮时，可能是什么原因导致它执行以下操作。错误？

Ionic - Runtime Error this.fba.logEvent(...).then is not a function

Answer 1

现在看到代码就更清楚了。

从“@ionic-native/firebase-analytics”导入 { FirebaseAnalytics }；

@ionic-native 函数只能在真实设备或模拟器上运行。否则会报错。