typeError：未定义不是对象（评估＆＃x27; navigator.serviceworker.addeventlistener＆＃x27;）

Question

我想使用firebase云消息传递向用户发送通知，但是当我尝试设置消息时，我会遇到此错误：

typeError：Undefined不是对象（评估'navigator.serviceworker.addeventlistener'） 在node_modules/react-native/libraries/core/exceptionsManager.js：104：6中 在node_modules/react-native/libraries/core/exceptionsManager.js：172：19中 在node_modules/react-native/libraries/core/setUperrorhandling.js：24：6中 请访问node_modules/@React-native/polyfills/error-guard.js：49：36 in errorutils.reportfatalerror 在node_modules/metro-runtime/src/polyfills/require.js：204：6 in GuardedLoadModule 在屏幕/tabs/profile/userdata.js：16：4 in userdata

这是我的代码：

import { initializeApp, getApps, getApp } from "firebase/app";
import {getMessaging, getToken} from 'firebase/messaging';

const firebaseConfig = {
   apiKey: "...",
   appId: "...",
   authDomain: "...",
   projectId: "...",
   messagingSenderId: "...",
   storageBucket: "...",
};

export const firebaseApp = getApps().length === 0 ? initializeApp(firebaseConfig) : getApp(); 
const messaging = getMessaging(firebaseApp);


getToken(messaging, { vapidKey: '...' }).then((currentToken) => {
    if (currentToken) {
      // Send the token to your server and update the UI if necessary
      // ...
    } else {
      // Show permission request UI
      console.log('No registration token available. Request permission to generate one.');
      // ...
    }
  }).catch((err) => {
    console.log('An error occurred while retrieving token. ', err);
    // ...
  });

我已经在Firebase Cloud Messaging上生成了密钥

Answer 1

我自己只是遇到了这个问题，这两种情况都在iOS上 - 不确定是否会更广泛地发生。 （我无法在Android上复制。）

1. 从Safari上iOS上的Safari：通过HTTP（NO TLS）通过本地网络访问我的DEV框。
2. 从iOS上的Facebook浏览器（我假设使用某种Safari WebView组件）：通过HTTPS访问生产中的站点，该站点试图调用getMessaging（get> getMessaging（）从firebase SDK引发此错误。

您会认为Firebase SDK可以优雅地处理此案，或者在文档中提供有关如何优雅地降低无支持的浏览器体验的明确说明，但我找不到任何主题的提及。

我这样解决了它：

let messaging;
try {
    messaging = getMessaging();
} catch (err) {
    console.error('Failed to initialize Firebase Messaging', err);
}

虽然这不允许您在不支持的浏览器上使用firebase消息传递，但至少您的应用程序/站点不会完全无法使用。在受支持的浏览器上，情况应该正常工作。

希望这有帮助！