VueJS Firebase雲消息傳遞

Question

我嘗試使用FCM在vue應用中顯示桌面通知

我安裝了firebase和initializeApp與我的配置

所以我安裝了sw-precache-webpack-plugin並且我的dist文件夾中有service-worker.js

我有同樣的錯誤

sw-precache配置

new SWPrecacheWebpackPlugin({
      cacheId: 'service-app',
      filename: 'service-worker.js',
      staticFileGlobs: ['dist/**/*.{js,html,css}'],
      minify: false,
      stripPrefix: 'dist/'
  })

在index.html <%= htmlWebpackPlugin.options.serviceWorkerLoader %>

沒有sw-precache-webpack-plugin可以吃東西嗎？

Answer 1

我必須做一個鐵桿

創建firebase-messaging-sw.js並移至生產服務器中的dist文件夾