Warning during svelte kit build

[nosovk]

If you will try to use component in svelte kit you will get message:

svelte-paginate is incorrectly packaged. Please contact the package author to fix.

Probably it should be migrated to new packaging system presented in kit - https://kit.svelte.dev/docs#packaging

[zhuganglie]

Same problem here.

svelte-paginate doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.

[w3rafu]

True, still works.

[cassianodaniel]

svelte-paginate doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.

[bas-baskara]

Same problem here.

svelte-paginate doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.

I solved this simply by adding "type":"module" in package.json of svelte-paginate in node_modules. I have made PR for this at #27

[cassianodaniel]

Make sense, @bas-baskara. It is just important to share that by doing this, we're globally changing the default behavior from ESModules to CommonJS.

[jarmitage]

@bas-baskara adding "type":"module" was helpful, thanks

I also had to add "svelte": "src/index.js" as well to address this error:

Unknown file extension ".svelte" for /repo/node_modules/svelte-paginate/src/PaginationNav.svelte
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" for /repo/node_modules/svelte-paginate/src/PaginationNav.svelte
    at new NodeError (node:internal/errors:372:5)
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:76:11)
    at defaultGetFormat (node:internal/modules/esm/get_format:118:38)
    at defaultLoad (node:internal/modules/esm/load:21:20)
    at ESMLoader.load (node:internal/modules/esm/loader:407:26)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:326:22)
    at new ModuleJob (node:internal/modules/esm/module_job:66:26)
    at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:345:17)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:304:34)
    at async ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:82:21)

Based on this discussion JustinVoitel/svelte-hero-icons#18

If others also have this issue, maybe it can be added to your PR @bas-baskara.

[bas-baskara]

@jarmitage Yes thank you, I added your suggestion and also typescript support into my PR because I need it in my project too.

[TahaSh]

Fixed in v0.1.0.