Import errors with SvelteKit

[ciaransweet]

Hey! Apologies if I'm just doing something obviously wrong.

I've initialised a new SvelteKit project, install the package with npm i svelte-maplibre

When I run my app with the following +page.svelte:

<script lang="ts">
    import {MapLibre} from "svelte-maplibre";
</script>

  <MapLibre
    style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
    class="relative w-full aspect-[9/16] max-h-[70vh] sm:max-h-full sm:aspect-video"
    standardControls
  />

I get:

21:51:54 [vite] Error when evaluating SSR module /src/routes/+page.svelte: failed to import "svelte-maplibre"
|- Error: Failed to resolve entry for package "svelte-maplibre". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." specifier in "svelte-maplibre" package
    at packageEntryFailure (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28687:11)
    at resolvePackageEntry (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28682:9)
    at tryNodeResolve (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28423:20)
    at nodeImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55953:26)
    at ssrImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55863:30)
    at eval (/Users/ciaran/dev/archive28/src/routes/+page.svelte:4:37)
    at async instantiateModule (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55925:9)

Internal server error: Failed to resolve entry for package "svelte-maplibre". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." specifier in "svelte-maplibre" package
      at packageEntryFailure (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28687:11)
      at resolvePackageEntry (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28682:9)
      at tryNodeResolve (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28423:20)
      at nodeImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55953:26)
      at ssrImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55863:30)
      at eval (/Users/ciaran/dev/archive28/src/routes/+page.svelte:4:37)
      at async instantiateModule (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55925:9)
Error: Failed to resolve entry for package "svelte-maplibre". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." specifier in "svelte-maplibre" package
    at packageEntryFailure (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28687:11)
    at resolvePackageEntry (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28682:9)
    at tryNodeResolve (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:28423:20)
    at nodeImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55953:26)
    at ssrImport (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55863:30)
    at eval (/Users/ciaran/dev/archive28/src/routes/+page.svelte:4:37)
    at async instantiateModule (file:///Users/ciaran/dev/archive28/node_modules/vite/dist/node/chunks/dep-75f53616.js:55925:9)

Is there something obvious I've done wrong here?

[ciaransweet]

Apologies for the tag @dimfeld - Just wondering if there was something super obvious I missed? I'd love to use the package!

[dimfeld]

I can take a look later this week if you can post a public repo somewhere that reproduces it. Otherwise nothing sticks out as obviously wrong here to cause that error.

[julien-blanchon]

Same error here

[dimfeld]

As I said above, I'm happy to look into it if someone can provide me with an actual repository to look at that reproduces the issue. But without that I can't do anything about this.

[gka]

You can see the import failing in this simple REPL as well: https://svelte.dev/repl/b026dd4cf2004144a1fba6744f460538?version=4.2.0

[gka]

Actually, the import seems to be working fine in SvelteKit, see https://www.sveltelab.dev/4ox4l4eejsa6mcc

[dimfeld]

Going to close this. If anyone can provide me with a way to actually reproduce and debug it I’m happy to look into it. (Sorry, it’s impossible to debug these issues in the Svelte REPL)