Firebase 推送通知在纱线手表中工作，但在纱线构建中不工作

Posted 2023-02-24

【中文标题】Firebase 推送通知在纱线手表中工作，但在纱线构建中不工作

【英文标题】：Firebase Push Notification Working in yarn watch but not Working in yarn build

【发布时间】：2021-02-10 11:23:25

【问题描述】：

我在我的项目中使用 firebase 推送通知。当我在本地使用 yarn watch 时，通知接收没有任何问题，但在服务器中，因为它使用 yarn build 它不起作用

推送通知.js

export const initializeFirebase = () =>
    const messaging = firebase.messaging();
    messaging.requestPermission().then(()=>
        return messaging.getToken()
    ).then(token=>
        console.log('Token : ',token);
        localStorage.setItem('FIREBASE TOKEN : ',token);
    ).catch((err)=>
        console.log("FIREBASE ERROR : ",err);
    )

在我的本地使用 yarn watch，令牌设置在 LocalStorage 中，但在服务器中，令牌未存储。这意味着在服务器 yarn build 中，代码不会触发到 localStorage.setItem('FIREBASE TOKEN : ',token); 这是什么原因，请帮忙

【问题讨论】：

您是否在公用文件夹 firebase-messaging-sw.js 中创建并在此处提供您的应用程序配置？

是的，这是 reactjs 中的一个 magento pwa 项目，我在根文件夹中创建了 firebase-messaging-sw.js

【参考方案1】：

我得到了解决方案。问题是 firebase-messaging-sw.js 应该在 dist 文件夹中。