Nuxt3 + PWA warnings in terminal

[Krystus]

Is it normal that after PWA implementation in terminal I see warnings like that?

WARN warnings 6:49:09 PM One of the glob patterns doesn't match any files. Please remove or fix the following: { "globDirectory": "/Users/x/Vue/xx/.nuxt/dev-sw-dist", "globPattern": "/*.{json,ico,svg,ttf,woff,css,scss,js,html,txt,jpg,png,woff2,mjs,otf,ani}", "globIgnores": [ "/node_modules//", "sw.js", "workbox-.js" ] } One of the glob patterns doesn't match any files. Please remove or fix the following: { "globDirectory": "/Users/x/Vue/xx/.nuxt/dev-sw-dist", "globPattern": "_nuxt/builds//.json", "globIgnores": [ "/node_modules//", "sw.js", "workbox-*.js" ] }

WARN [Vue Router warn]: No match found for location with path "/sw.js.map"

WARN [Vue Router warn]: No match found for location with path "/sw.js.map"

WARN [Vue Router warn]: No match found for location with path "/sw.js.map"

WARN [Vue Router warn]: No match found for location with path "/sw.js.map"

WARN [Vue Router warn]: No match found for location with path "/workbox-63ce180e.js.map"

WARN [Vue Router warn]: No match found for location with path "/workbox-63ce180e.js.map"

WARN [Vue Router warn]: No match found for location with path "/workbox-63ce180e.js.map"

WARN [Vue Router warn]: No match found for location with path "/workbox-63ce180e.js.map"

[mojjjtaba]

I got the same error

[userquin]

About workbox warnings, check https://vite-pwa-org.netlify.app/guide/faq.html#suppress-workbox-build-warnings-in-dev

About router warnings, try update to latest nuxt 3.11.2

[ivanushkaPr]

Same here.

PWA v0.20.0 mode generateSW precache 1 entries (0.00 KiB) files generated .nuxt/dev-sw-dist/sw.js.map .nuxt/dev-sw-dist/sw.js .nuxt/dev-sw-dist/workbox-9637eeee.js.map .nuxt/dev-sw-dist/workbox-9637eeee.js

WARN warnings One of the glob patterns doesn't match any files. Please remove or fix the following: { "globDirectory": "/app/.nuxt/dev-sw-dist", "globPattern": "_nuxt/builds//*.json", "globIgnores": [ "/node_modules/**/", "sw.js", "workbox-.js" ] }

[RomanKollerSnoop]

Check if adding this will fix your issue:

pwa: { workbox: { globPatterns: ['**/*.{js,css,html,png,svg,ico}'], }, },

[ivanushkaPr]

Check if adding this will fix your issue:

pwa: { workbox: { globPatterns: ['**/*.{js,css,html,png,svg,ico}'], }, },

That doesnt change anything.

[RomanKollerSnoop]

Check if adding this will fix your issue: pwa: { workbox: { globPatterns: ['**/*.{js,css,html,png,svg,ico}'], }, },

That doesnt change anything.

The issue was gone for me when i set it up like this. This is my full config: ` const sw = process.env.SW === 'true'

pwa: {
    strategies: sw ? 'injectManifest' : 'generateSW',
    srcDir: sw ? 'public' : undefined,
    filename: sw ? 'sw.ts' : undefined,
    registerType: 'autoUpdate',
    pwaAssets: {
        config: true,
    },
    workbox: {
        globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
    },
    injectManifest: {
        globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
    },
    client: {
        installPrompt: true,
        periodicSyncForUpdates: 3600,
    },
    devOptions: {
        enabled: true,
        suppressWarnings: true,
        navigateFallback: '/',
        navigateFallbackAllowlist: [/^\/$/],
    },
    manifest: {

... }, }, `

And the service worker "sw.ts" in the public folder like this:

/// <reference lib="WebWorker" />
/// <reference types="vite/client" />
import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
import { clientsClaim } from 'workbox-core'
import { NavigationRoute, registerRoute } from 'workbox-routing'


// eslint-disable-next-line no-undef
declare let self: ServiceWorkerGlobalScope

// self.__WB_MANIFEST is default injection point
precacheAndRoute(self.__WB_MANIFEST)

// clean old assets
cleanupOutdatedCaches()

let allowlist: RegExp[] | undefined
if (import.meta.env.DEV) {
    allowlist = [/^\/$/]
}

// to allow work offline
registerRoute(new NavigationRoute(
    createHandlerBoundToURL('/'),
    { allowlist },
))

self.skipWaiting()
clientsClaim()

Note that i use pwaAssets. So you might need to remove that line or install it if u need.