nuxtjs/pwa와 백그라운드 동기화를 구현하는 방법

nuxtjs/pwa와 백그라운드 동기화를 구현하는 방법

Nuxtjs에서 워크박스 백그라운드 동기화를 사용하려고 하는데@nuxt/pwa-module.

이것은 내 작업함 재산이다.nuxt.config.js파일:

workbox: {

    importScripts : [
        'sw-background-sync.js'
    ]

}

의 내용.plugins/sw-background-sync.js파일:

console.log("backsync called")
workbox.routing.registerRoute(
    'https:\/\/example.com\/api\/Survey\/post.*',
    new workbox.strategies.NetworkOnly({
        plugins: [
            new workbox.backgroundSync.Plugin('myQueueName', {
                maxRetentionTime: 24 * 60
            })
        ]
    }),
    'POST'
);

오프라인 캐싱은 기본적으로 작동해야 하며 정상적으로 작동하지만 가져오기스크립트를 풀고 페이지를 새로 고칠 때 콘솔에서 다음오류가 발생함:

backsync called
workbox-sw.js:1 Uncaught Error: Config must be set before accessing workbox.* modules
    at Proxy.setConfig (workbox-sw.js:1)
    at sw.js:8

pwa background sync를 nuxtjs와 어떻게 구현하는지에 대한 어떠한 예라도 감사할 것이다.

정말 감사합니다.

사실 대본을 안에 넣어야겠다.workboxExtensionsnuxt.config.js 파일의 속성:

workbox: {

    workboxExtensions : '@/plugins/sw-background-sync.js'
}

참조URL: https://stackoverflow.com/questions/57670844/how-to-implement-background-sync-with-nuxtjs-pwa