search

kevinmarrec / nuxt-pwa-module

⚠️ DEPRECATED ⚠️ Zero config PWA solution for Nuxt 3
MIT License
338 stars 32 forks source link

CSS not loading #28

Closed rashidpathiyil closed 1 year ago

rashidpathiyil commented 1 year ago

Error:

image

msedge_FpisTq4LHU

Reproduce the error:

  1. Install @kevinmarrec/nuxt-pwa on this repo vitesse-nuxt3
  2. Add config as in Official example
  3. Reload pages to see the error
kevinmarrec commented 1 year ago

Hi @rashidpathiyil , could you try again by removing experimental things from the nuxt.config.ts ?

Also /cc @antfu If you have a clue, sounds like to be related to UnoCSS styles.

kevinmarrec commented 1 year ago

@rashidpathiyil Any updates on this ?

rashidpathiyil commented 1 year ago

It's working if I clear Cookies before load the page

rashidpathiyil commented 1 year ago

I am facing similer issue with this config Now I am cleaning Cookies before refresh to load correctly cc @kevinmarrec 

import { defineNuxtConfig } from 'nuxt'

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({

    modules: ['@nuxtjs/color-mode', '@kevinmarrec/nuxt-pwa', '@vueuse/nuxt'],
    buildModules: ['@nuxtjs/tailwindcss'],
    colorMode: {
        preference: 'forest', // default theme 'system' or 'dark'
        dataValue: 'theme', // activate data-theme in <html> tag
        classSuffix: '',
    },
    pwa: {
        meta: {
            // Generate splash screens for iOS
            mobileAppIOS: true,
        },
        workbox: {
            enabled: true,
        },
    },
})
kevinmarrec commented 1 year ago

@rashidpathiyil Workbox enabled option in development can lead to issues like the one you're facing, try to remove it. If you omit it it will still be enabled for production only.

rashidpathiyil commented 1 year ago

@rashidpathiyil Workbox enabled option in development can lead to issues like the one you're facing, try to remove it. If you omit it it will still be enabled for production only.

Yea, Currently I turned it off at development

kevinmarrec commented 1 year ago

@rashidpathiyil Is everything working as expected when turning it off then ?

rashidpathiyil commented 1 year ago

Yes, I am not facing any issues now. @kevinmarrec

kevinmarrec commented 1 year ago

Great, closing this issue then.