plechelmus
plechelmus
PostsComments
NNuxt
Created by plechelmus on 10/19/2024 in #❓・help
Unable to preload CSS errors
@cuebit no they happen continuously, and if I try to open the file it does exist
4 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
It appears it was simply a version mismatch, probably one of the packages was using vue 3.5.11 and the other 3.5.12 or something like that.
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
With all dependencies removed and the project isolated the issue is gone. Going to backtrack now where the issue is.
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
Maybe its a dependency issue from my PNPM monorepo. Going to try and isolate it now
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
The weird thing is, this is a "storefront" of which there are currently 3 in the project. They are basically copies, with some tweaks in styling. But all basic logic is the same. Only this one is giving problems.
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
No description
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
@Dawit I don't see any hydration issues in the console, do you know of methods to find out what goes wrong?
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
Did not work. I have another app with basically the same dependencies and settings and code and it does not have the same issue.
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
Was missing "ssr" in the nuxt.config, going to check now if that fixes is. I assumed SSR was enabled by default
12 replies
NNuxt
Created by plechelmus on 10/12/2024 in #❓・help
White flash on page reload
I found another thread with a similar problem suggesting disabling third party scripts, however I only have Sentry and Plausible and if I disable both the issue still persists.
12 replies
NNuxt
Created by plechelmus on 3/13/2024 in #❓・help
runtimeConfig differs on server-render vs client-rendered page
It seems related to Nitro prerender crawlLinks
4 replies
NNuxt
Created by plechelmus on 3/13/2024 in #❓・help
runtimeConfig differs on server-render vs client-rendered page
NUXT_PUBLIC_ENV=production

NUXT_PUBLIC_SITEMODE=site
NUXT_PUBLIC_SHOPSLUG=demowinkel
NUXT_PUBLIC_ENV=production

NUXT_PUBLIC_SITEMODE=site
NUXT_PUBLIC_SHOPSLUG=demowinkel
This is what my env variables look like
4 replies
NNuxt
Created by plechelmus on 3/13/2024 in #❓・help
runtimeConfig differs on server-render vs client-rendered page
    runtimeConfig: {
        public: {
            env: "",
            apiurl: "",
            appmode: "",
            shopslug: "",
            domain: "",
            version: pjson.version,
            sentry: {
                dsn: "",
                environment: "",
            },
        },
    },
    runtimeConfig: {
        public: {
            env: "",
            apiurl: "",
            appmode: "",
            shopslug: "",
            domain: "",
            version: pjson.version,
            sentry: {
                dsn: "",
                environment: "",
            },
        },
    },
This is what my runtimeConfig looks like without default values.
4 replies
NNuxt
Created by plechelmus on 3/4/2024 in #❓・help
Adding an auth token to $fetch only works after full page refresh, how to fix?
I think I solved it with: 
onRequest({ options }) {
                const { token } = useAuth();
                if (token && token.value) {
                    options.headers = { Authorization: `${token.value}` };
                }
            },
onRequest({ options }) {
                const { token } = useAuth();
                if (token && token.value) {
                    options.headers = { Authorization: `${token.value}` };
                }
            },
Where useAuth() is the sidebase/nuxt-auth package
2 replies