How to enable debug logging for workbox service worker?

[MoritzLost]

I'm trying to enable debug logging for the generated service worker (using the generateSW strategy) when building the app using npm run build. I'm not seeing any log output from workbox in the console. According to the documentation, debugging can be activated by setting mode: development in the workbox options. But this isn't working. I've tried setting the mode to development at every conceivable level to no avail (I'm using the astro integration, but I don't think this makes a difference here):

// astro.config.mjs
import { defineConfig } from 'astro/config';
import AstroPWA from '@vite-pwa/astro';
import manifest from './src/data/manifest.js';

export default defineConfig({
    vite: {
        mode: 'development',
    },
    integrations: [
        AstroPWA({
            manifest,
            mode: 'development',
            injectRegister: null,
            registerType: 'autoUpdate',
            workbox: {
                mode: 'development',
                globPatterns: ['**/*'],
                navigateFallback: '/404',
            },
            experimental: {
                directoryAndTrailingSlashHandler: true,
            },
        }),
    ],
});

I've also tried setting the mode as a CLI parameter:

NODE_ENV=development npm run build --mode development

How can I enable workbox debug logging?

[justingrant]

You may need to adjust your browser console's filters to show Verbose-level logging. In Chrome, the default omits Verbose.

[MoritzLost]

@justingrant Thanks for the suggestion. I just had another look – the issue was actually Firefox. Apparently, it doesn't show console output from service workers in the devtools, you have to inspect those separately through about:debugging.

In Chrome, you're correct that the output may be hidden based on this setting. Though most of the workbox output is classified as Info, so it should be visible by default.