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文件夹