svelte-persistent-store icon indicating copy to clipboard operation
svelte-persistent-store copied to clipboard

ReferenceError: require is not defined in ES module scope, you can use import instead

Open SwiftWinds opened this issue 3 years ago • 5 comments

When using this package with SvelteKit, I get:

ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and '/Users/matt/Development/ucsb-fake-badge/package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
    at eval (eval at 607 (file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:66:85), <anonymous>:1:1)
    at Object.607 (file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:66:85)
    at __webpack_require__ (file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:448:37)
    at file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:450:12
    at file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:451:5
    at file:///Users/matt/Development/ucsb-fake-badge/.svelte-kit/output/server/entries/pages/index.svelte.js:452:3
    at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:409:24)
    at async Promise.all (index 1)
> 500 /
    at file:///Users/matt/Development/ucsb-fake-badge/node_modules/.pnpm/@[email protected][email protected]/node_modules/@sveltejs/kit/dist/chunks/index2.js:989:11
    at save (file:///Users/matt/Development/ucsb-fake-badge/node_modules/.pnpm/@[email protected][email protected]/node_modules/@sveltejs/kit/dist/chunks/index2.js:1209:4)
    at visit (file:///Users/matt/Development/ucsb-fake-badge/node_modules/.pnpm/@[email protected][email protected]/node_modules/@sveltejs/kit/dist/chunks/index2.js:1100:3)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
 ELIFECYCLE  Command failed with exit code 1.

And it goes away when I remove svelte-persistent-store from my project. Any ideas how to fix this?

SwiftWinds avatar Apr 23 '22 20:04 SwiftWinds

From my investigation (see here) I seem that the issue came from the dependency esserializer.

I did some tests, and sadly it appear that I won't be able to fix/do a workaround on my side.

MacFJA avatar Apr 23 '22 20:04 MacFJA

To fix the error change this line https://github.com/MacFJA/svelte-persistent-store/blob/c6ad468a26ba0222679c67cc506e8fd17ef31284/src/index.ts#L2 to this: import * as ESSerializer from "esserializer"

martinkovacik avatar Apr 29 '22 14:04 martinkovacik

I solved this problem by downgrading to 1.2.0.

extremegf avatar May 06 '22 16:05 extremegf

Same here.

gyurielf avatar May 12 '22 19:05 gyurielf

downgrading to 1.2.0 also worked for me

lorenzodonadio avatar May 27 '22 22:05 lorenzodonadio