本地部署Firebase应用时无法生成FCM Token

先看你给出的代码：

firebase.initializeApp(config); 
const messaging = firebase.messaging(); 
messaging.requestPermission() 
  .then(function(){ 
    console.log("Permission Granted"); 
    return messaging.getToken(); 
  }) 

你提到已经将本地项目关联Firebase并使用Firebase服务器托管，但始终无法生成Token，附上的报错截图如下：

结合我的开发经验，给你几个常见的排查方向：

• 确认Firebase配置准确性：检查config对象里的messagingSenderId是否和Firebase项目设置中「云消息传递」板块的Sender ID完全一致，这个参数错误会直接导致Token生成失败。
• 检查Service Worker配置：Firebase Messaging依赖Service Worker正常工作，你需要在项目根目录创建firebase-messaging-sw.js文件，内容示例如下：

importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js');
importScripts('https://www.gstatic.com/firebasejs/9.22.0/firebase-messaging-compat.js');

firebase.initializeApp({
  // 填入你的Firebase项目配置信息
});

const messaging = firebase.messaging();

同时确保这个文件能被正常访问（比如通过localhost:5000/firebase-messaging-sw.js可以打开）。

• 完善错误捕获逻辑：你的代码只处理了成功的情况，没有捕获异常，建议添加catch块来打印具体错误信息，这能帮你快速定位问题：

messaging.requestPermission()
  .then(function(){
    console.log("Permission Granted");
    return messaging.getToken();
  })
  .then(token => {
    console.log("生成的Token：", token);
  })
  .catch(err => {
    console.error("Token生成失败原因：", err);
  });

• 验证环境要求：虽然localhost属于浏览器允许的例外，但如果你的本地托管不是用localhost访问（比如用自定义域名），则需要确保是HTTPS环境，否则浏览器会阻止推送通知相关的API调用。

通过以上步骤，你应该能找到Token生成失败的具体原因并解决问题。

内容的提问来源于stack exchange，提问作者Chaitanya Krishna