Google Analytics：无法读取属性“trackView”或未定义

Question

开发 ionic 3.19 Web 应用程序并尝试将 GA 包含到我的项目中，但在运行 serve 命令时，我收到了未在承诺中发现的错误。在 app.module.ts 中添加 import 语句，如下所示：

import { GoogleAnalytics } from ‘@ionic-native/google-analytics’;

@NgModule({
declarations: [
MyApp,
QuotesListPage,
QuotesDetailPage

],
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
QuotesListPage,
QuotesDetailPage
],
providers: [
GoogleAnalytics,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})

要跟踪的页面是引号列表：

export class QuotesListPage {

quotesList = [];
filteredQuotes = [];
isfiltered: boolean ;
googleanalytics: GoogleAnalytics;

constructor(private http:Http, public navCtrl: NavController, public navParams: NavParams, platform: Platform) {
this.isfiltered = false;
this.http.get(‘quotes.json’)
.map(res => res.json())
.subscribe(
data => {
this.quotesList = data.quotes;
},
err => console.log("error is "+err), // error
() => console.log('read quotes Complete '+ this.quotesList) // complete
);
platform.ready().then(() => {
this.googleanalytics.trackView(“Quotes List”);
});
}

并引用详细信息：

import { GoogleAnalytics } from ‘@ionic-native/google-analytics’;

@IonicPage()
@Component({
selector: ‘page-quotes-detail’,
templateUrl: ‘quotes-detail.html’,
})
export class QuotesDetailPage {

quoteDetail: {quote:’’, author:’’};
googleanalytics: GoogleAnalytics;

constructor(public navCtrl: NavController, public navParams: NavParams) {
this.quoteDetail = navParams.get(‘quote’);
this.googleanalytics.trackView(“Quotes Detail”);
}

ionViewDidLoad() {
console.log(‘ionViewDidLoad QuotesDetailPage’);
}

最后是app.component：

export class MyApp {
rootPage:any = QuotesListPage;
public googleanalytics: GoogleAnalytics;

constructor(platform: Platform) {
platform.ready().then(() => {
this.googleanalytics.debugMode();
this.googleanalytics.startTrackerWithId(“XX-XXXXXXXXX-X”);
this.googleanalytics.enableUncaughtExceptionReporting(true).then((_success) => {
console.log("Successful enabling of uncaught exception reporting "+_success)}).catch((_error) => {
console.log("error occured "+_error)
});
});

请帮忙！非常感谢！

Answer 1

你需要进行依赖注入而不是直接在每个打字稿文件中实例化它

constructor(
   googleanalytics: GoogleAnalytics
   ...
)