firebase中的模块外不能使用import语句

Question

I am using firebase to integrate chat and using the following code in firebase.messaging-sw.js but it is throwing the following errors.

Code:

import { getMessaging } from "firebase/messaging";
import { onBackgroundMessage } from "firebase/messaging/sw";
const messaging = getMessaging();
onBackgroundMessage(messaging, (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'
};

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

In case if I use Import:

 import { getMessaging } from "firebase/messaging";
 Cannot use import statement outside of the module

In case of require:

 let { getMessaging }=require("firebase/messaging");

 Require is undefined

I am using the combination of Laravel, Node and Javascript

Answer 1

import { getMessaging } from "firebase/messaging/sw";

This should be how you import getMessaging.