在 Angular 中无法使用 Firebase 接收正确的通知内容

Question

我正尝试在 Angular 中使用 Firebase 接收通知。当它被触发时，我确实会收到通知。但是，通知中应该出现的标题和 body 却没有出现。我尝试了各种解决方案，但无法做到。在一个地方，我在搜索解决方案时在其中一个博客上读到它必须推送通知，但是，它无法正确接收标题和 body。

此外，它在 Laravel 端的 React App 上运行良好，但在 Angular.

端则不然

我收到的通知附在下面。请指导我。

enter image description here

const app = initializeApp(firebaseConfig); //firebaseConfig is my firebase configurations
const messaging = getMessaging();
getToken(messaging, { vapidKey: 'BPupbI-8TFUeiPhfTI43JW5BZ7uDd3vAqba1w1YHR3H8mqIswifdGByxr0Vbz0ENqjJyFjOi0ptyqM5w3wBH3bc' })
  .then((currentToken) => {
    if (currentToken) {
      localStorage.setItem('fcm_token', currentToken)
      this.fcm_token = currentToken
      console.log('guest', this.fcm_token)
      // Track the token -> client mapping, by sending to backend server
      // show on the UI that permission is secured
    } else {
      console.log('No registration token available. Request permission to generate one.');

      // shows on the UI that permission is required 
    }
  }).catch((err) => {
    console.log('An error occurred while retrieving token. ', err);
    // catch error while creating client token
  });
  onMessage(messaging, (payload) => {
    alert(1);
    console.log('asdasdasdasdg1')
    console.log('Message received. ', payload, payload.data.body);
    // return
    // ...
  });

此外，无论此代码在何处，无论是否存在 onMessage 函数，都会触发通知。而且，我不认为 onMessage 无论如何都会被触发，因为 console.log 并且警报不会执行。

Answer 1

尝试使用旧版本的 Firebase，即使我使用的是官方文档，我也遇到了与 Firebase 9 相同的问题。

使用 8.10 版本时，效果非常好。

在 Angular 中无法使用 Firebase 接收正确的通知内容

Unable to receive proper notification content using Firebase in Angular

angular

firebase

push-notification

notifications

firebase-cloud-messaging