Cannot read property 'preference' of undefined about color-mode HOT 6 CLOSED

Hi @allezxandre

I found the issue, if you use ssr: false and nuxt start, you need to move @nuxtjs/color-mode from buildModules to modules.

This way, the script injecting window.__NUXT_COLOR_MODE__ can be injected at runtime.

I updated the README to cover this use case, thank you for reporting it 💚

from color-mode.

The first time, where i caused this error, was, when i updated more part of plugins/modules(nuxt and color-mode too). Then i did rollback to the previous version of nuxt and color-mode, and that dropped error. But i wanna use fresh releases)

from color-mode.

Hi @hut-a-massmediagroup-100

Can you please create a reproduction on CodeSandBox? I cannot reproduce the bug.

from color-mode.

I'm not the OP, but this issue also happens to me when I enable modern mode on a SPA-mode (ssr set to false) Nuxt-TypeScript project and then use nuxt-ts generate -m. The issue is resolved if I don't use modern mode to generate the code. Edit: actually, it is not

Unfortunately I have been unable to create a reproduction on the JS CodeSandBox (here is my failed attempt).

However, I have been able to find the culprit in the following "compiled" code:

// [...]
    c.a.component('ColorScheme', Dr);
    var Ar = JSON.parse('{"path":"/","sameSite":"lax"}'),
    Nr = window.__NUXT_COLOR_MODE__,
    Mr = function (r, o) {
      var data = r.nuxtState.colorMode;
      data || (data = {
        preference: Nr.preference,
        value: Nr.value,
        unknown: 'system' === Nr.preference
      });
// [...]

Nr apparently is undefined, which might indicate that the evaluation of window.__NUXT_COLOR_MODE__ failed. I hope this helps.

from color-mode.

Thank you!

from color-mode.

its work thank you!

from color-mode.