persisted store results in ReferenceError: window is not defined

Question

persisted store results in ReferenceError: window is not defined

ak4zh opened this issue 2 years ago · 8 comments

ak4zh commented 2 years ago

Answer 1 · 2023-03-10T14:59:29.000Z

Any sample code? Any environment information? This is hard to debug otherwise, as I don't see this problem.

Answer 2 · 2023-03-27T18:32:30.000Z

Please also include which version of the package you are using from your lock file.

Answer 3 · 2023-04-04T22:18:42.000Z

/node_modules/@square/svelte-store/lib/persisted/storage-utils.js:7
    return window.localStorage.getItem(key);
    ^

ReferenceError: window is not defined
    at getLocalStorageItem (/node_modules/@square/svelte-store/lib/persisted/storage-utils.js:7:5)
    at eval (/node_modules/@square/svelte-store/lib/persisted/index.js:75:29)
    at Generator.next (<anonymous>)
    at fulfilled (/node_modules/@square/svelte-store/lib/persisted/index.js:6:58)

Node.js v19.8.1

This is only fixed when I turn ssr off at the root .ts file

Answer 4 · 2023-04-05T17:46:25.000Z

Anything rendered server side is not going to have access to the window object and thus persisted stores won't work.

https://learn.svelte.dev/tutorial/ssr

Answer 5 · 2023-05-02T22:02:58.000Z

Closing for now. Feel free to reopen with more details if this is not an issue of SSR not having access to the window object.

Answer 6 · 2023-12-22T15:39:54.000Z

I think this should be reopened, as the persisted store example doesnt run in sveltekit out of the box. Any client side storage of course wont run in a project enabled for SSR but what i would expect is for persisted to do the checking and waiting internally

Answer 7 · 2024-01-12T05:02:09.000Z

so what is the recommended way of implementing client-side persisted store on a ssr-capable app?