Vue.js vue pwa脱机事件没有'；t火

我只是从@vue/cli创建了一个带有pwa的新vue应用程序

当我切换到脱机模式或在脱机模式下刷新页面时， 我确实希望看到这样的消息：“找不到internet连接。应用程序正在脱机模式下运行。”因为在

registerServiceWorker.ts

中有此事件

---

根据您发布的代码，

register

函数仅在

NODE_ENV

设置为

production

时调用。您是否尝试过使用正确的值集运行它？当然可以。它在prod模式下测试

/* eslint-disable no-console */

import { register } from 'register-service-worker'

if (process.env.NODE_ENV === 'production') {
  register(`${process.env.BASE_URL}service-worker.js`, {
    ready () {
      console.log(
        'App is being served from cache by a service worker.\n' +
        'For more details'
      )
    },
    registered () {
      console.log('Service worker has been registered.')
    },
    cached () {
      console.log('Content has been cached for offline use.')
    },
    updatefound () {
      console.log('New content is downloading.')
    },
    updated () {
      console.log('New content is available; please refresh.')
    },
    offline () {
      console.log('No internet connection found. App is running in offline mode.')
    },
    error (error) {
      console.error('Error during service worker registration:', error)
    }
  })
}