找不到firebase-messaging.js laravel

Posted 2023-02-23

【中文标题】找不到firebase-messaging.js laravel

【英文标题】：firebase-messaging.js not found laravel

【发布时间】：2020-04-05 20:39:59

【问题描述】：

大家好，我正在制作一个使用 firebase 推送通知的应用程序。这是我在 firebase 的第一个项目。我遇到的问题是当我运行项目并单击它给我的登录按钮时的连接

已授予通知权限

但在此之后它返回一个错误，如下所示。

获取脚本时收到错误的 HTTP 响应代码 (404)。 firebase.js:24 无法获得通知权限。 FirebaseError：消息：我们无法注册默认服务工作者。使用脚本 ('http://localhost:8000/firebase-messaging-sw.js') 为范围 ('http://localhost:8000/firebase-cloud-messaging-push-scope') 注册 ServiceWorker 失败：获取脚本时收到错误的 HTTP 响应代码 (404)。 （消息传递/失败的服务工作者注册）。 在https://www.gstatic.com/firebasejs/7.5.2/firebase-messaging.js:1:44674

我不知道为什么会这样，因为我可以看到我的 js 文件和所有代码，这是我的配置文件。

在我的根目录下的 firebase-messaging-sw.js 中，代码是

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

firebase.initializeApp(
 'messagingSenderId': 'SenderID'
);

const messaging = firebase.messaging();
console.log(messaging);

messaging.setBackgroundMessageHandler(function(payload) 
  console.log('[firebase-messaging-sw.js] Received background message ', payload);
// Customize notification here
const notificationTitle = 'Background Message Title';
const notificationOptions = 
body: 'Background Message body.',
icon: '/firebase-logo.png'
;

return self.registration.showNotification(notificationTitle,
 notificationOptions);
 );

在我的 firebase.js 文件中，代码如下：

const firebaseConfig = 
apiKey: "API-KEY",
authDomain: "authDomain",
databaseURL: "DBURI",
projectId: "P-ID",
storageBucket: "SB",
messagingSenderId: "SenderID",
appId: "AppID",
measurementId: "MeasurementID"
;

firebase.initializeApp(firebaseConfig);

//------------------------------------------------------------------------------

const messaging = firebase.messaging();

messaging.requestPermission().then(function () 
console.log("Notification permission granted");
return messaging.getToken();
).then(function (token) 
console.log(token);
).catch(function (err) 
console.log("Unable to get permission to notify.", err);
);

//------------------------------------------------------------------------------

messaging.onMessage((payload) => 
console.log(payload);
)

任何帮助将不胜感激。提前谢谢你。

【参考方案1】：

我找到了解决方案，并且运行良好。将其发布给面临类似问题的其他人。问题出在我的 firebase-messaging-sw.js 文件中。我正在使用 sender id 初始化 firebase，它是在文档中编写的。我刚刚使用更改初始化对象的所有配置值初始化了 firebase 对象解决了我的问题。