问题描述:在使用Angular Firebase Cloud Messaging时,可能会出现服务工作者问题,导致消息无法推送到应用程序。
解决方法如下:
以下是一个示例app.module.ts文件和app.component.ts文件,用于演示如何启用和配置Angular Firebase Cloud Messaging服务。
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AngularFireModule } from '@angular/fire';
import { AngularFireMessagingModule } from '@angular/fire/messaging';
import { AngularFireDatabaseModule } from '@angular/fire/database';
import { AppComponent } from './app.component';
const firebaseConfig = {
apiKey: '[YOUR_API_KEY]',
authDomain: '[YOUR_AUTH_DOMAIN]',
databaseURL: '[YOUR_DATABASE_URL]',
projectId: '[YOUR_PROJECT_ID]',
storageBucket: '[YOUR_STORAGE_BUCKET]',
messagingSenderId: '[YOUR_MESSAGING_SENDER_ID]'
};
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AngularFireModule.initializeApp(firebaseConfig),
AngularFireMessagingModule,
AngularFireDatabaseModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
import { Component } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';
import { BehaviorSubject } from 'rxjs';
@Component({