FCM通知在App前后台及关闭状态下无法弹出弹窗问题求助

我正在开发一款聊天App，期望FCM消息在App后台、前台状态下均能弹出通知弹窗。但目前仅能在控制台看到新消息的日志，即便已开启通知权限，弹窗仍不显示。

控制台日志截图：

相关代码配置 #

消息服务代码 #

receiveMessage() {
  this.angularFireMessaging.messages.subscribe((payload) => {
    console.log('new msg', payload);
    alert(JSON.stringify(payload))
    this.currentMessage.next(payload);
  })
}

App组件代码 #

async ngOnInit() {
  await this.storage.create();
  this.messagingService.receiveMessage();
  this.message = this.messagingService.currentMessage;
}

angular.json配置 #

"assets": [
  {
    "glob": "**/*",
    "input": "src/assets",
    "output": "assets"
  },
  {
    "glob": "**/*.svg",
    "input": "node_modules/ionicons/dist/ionicons/svg",
    "output": "./svg"
  },
  "src/manifest.json",
  "src/firebase-messaging-sw.js",
],

我通过Postman携带ServerID和设备Token发送请求，按照教程操作但未实现弹窗效果，而教程中该操作可正常弹出弹窗。

内容的提问来源于stack exchange，提问作者D.Hodges