NextJS我可以整合Firebase Cloud Messaging

Question

我会遇到此错误未接受的拒绝：FirebaseError：消息传递：此浏览器不支持使用Firebase SDK所需的API。 （消息传递/不支持的浏览器）。

这是我的配置：

firebase_config/config.js

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getMessaging } from "firebase/messaging";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  .....
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
// Initialize Firebase Cloud Messaging and get a reference to the service
const messaging = getMessaging(app);

export default app;

pages/firebase.js

    import React from "react";
    import app from "../firebase_config/firebase_config";
    const firebase = () => {
      return (
        <div>
          <h1>Firebase</h1>
        </div>
      );
    };
    
    export default firebase;