无法将图像导入firebase-messaging-sw.js：“无法在模块外部使用导入语句”

问题描述

当我尝试将图标图像导入到我的firebase-messaging-sw.js文件中时，出现“无法在模块外部使用导入语句”。我在package.json中包含了““ type”：“ module”“，但仍然收到错误。

firebase-messaging-sw.js

importScripts('https://www.gstatic.com/firebasejs/7.11.0/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/7.11.0/firebase-messaging.js');
import icon from "../src/institutions/icon.jpeg";

const firebaseConfig = {
  apiKey: ...
  authDomain: ...
  databaseURL: ...
  projectId: ...
  storageBucket: ...
  messagingSenderId: ...
  appId: ...
  measurementId: ...
};

firebase.initializeApp(firebaseConfig);

const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
  const title = "Hello world";
  const option = {
    body: "Hello world",icon: icon
  }
  return self.registration.showNotification(title,option);
})

package.json

{
  "name": ...,"version": "0.1.0","type": "module","private": true,"dependencies": {
   ...
  }
  ...
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

firebase-cloud-messaging javascript