每次刷新使用Firebase Cloud Messaging + React和firebase.messaging（）。getToken（）都是不同的

Question

I'm building a React web app on Gatsby and I'm trying to incorporate push notifications using FCM. I have the firebase-messaging-sw.js service worker in place and I am trying to get a token by this method in my app:

 messaging .requestPermission() .then(() => { console.log('Permission received.'); return messaging.getToken(); }) .then(token => { console.log(token); // Save token with user. return this.saveFcmToken(token, authUser); }) .catch(error => { console.log('Error occurred.', error); }); 

I call this snippet inside a firebase.auth.onAuthStateChanged() to get the user.

The problem is I get a different token each time. I haven't seen this type of issue documented after extended search.

Any ideas?

Answer 1

It turns out this was down to https://github.com/gatsbyjs/gatsby/issues/9770

In develop mode, Gatsby apparently unregisters service workers. Using a production build got rid of the problem.