Resolving 'No matching export' Errors in Prismic and SvelteKit Integration

Developing with Prismic
,
1

Dear Prismic Community,

I am currently developing a web application using Prismic, SvelteKit, and TypeScript. While setting up a sandbox environment, I encountered an issue that I hope someone can assist me with.

Steps Taken:

  1. Executed the following command to create a new project directory:
npx @slicemachine/init@latest --starter sveltekit-starter-prismic-minimal
  1. After navigating into the project directory, I ran npm run dev to start the development server.​

Issue Encountered:

Upon running npm run dev, the following errors were displayed:​

❯ npm run dev

> sveltekit-starter-prismic-minimal@0.0.1 dev
> concurrently "npm:vite:dev" "npm:slicemachine" --prefix-colors blue,magenta

[vite:dev] 
[vite:dev] > sveltekit-starter-prismic-minimal@0.0.1 vite:dev
[vite:dev] > vite dev
[vite:dev] 
[slicemachine] 
[slicemachine] > sveltekit-starter-prismic-minimal@0.0.1 slicemachine
[slicemachine] > start-slicemachine
[slicemachine] 
[vite:dev] Re-optimizing dependencies because lockfile has changed
[vite:dev] 
[vite:dev]   VITE v5.3.1  ready in 1425 ms
[vite:dev] 
[vite:dev]   ➜  Local:   http://localhost:5173/
[vite:dev]   ➜  Network: use --host to expose
[vite:dev] ✘ [ERROR] No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "TableComponents"
[vite:dev] 
[vite:dev]     node_modules/@prismicio/svelte/dist/PrismicTable/DefaultComponent.svelte:26:9:
[vite:dev]       26 │ import { TableComponents } from "../types";
[vite:dev]          ╵          ~~~~~~~~~~~~~~~
[vite:dev] 
[vite:dev] ✘ [ERROR] No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "SvelteRichTextSerializer"
[vite:dev] 
[vite:dev]     node_modules/@prismicio/svelte/dist/PrismicTable/PrismicTable.svelte:31:9:
[vite:dev]       31 │ import { SvelteRichTextSerializer } from "../types";
[vite:dev]          ╵          ~~~~~~~~~~~~~~~~~~~~~~~~
[vite:dev] 
[slicemachine] 
[slicemachine]  Slice Machine v2.13.1  → Running at http://localhost:9999
[slicemachine]

Observations:

{
  "dependencies": {
    "@prismicio/client": "^7.16.1",
    "@prismicio/svelte": "^1.4.0",
    "@slicemachine/adapter-sveltekit": "^0.3.68",
    "slice-machine-ui": "^2.13.1"
  }
}

versus

{
  "dependencies": {
    "@prismicio/client": "^7.9.0",
    "@prismicio/svelte": "^1.2.0",
    "@slicemachine/adapter-sveltekit": "^0.3.41",
    "slice-machine-ui": "^2.2.0"
  }
}

Request for Assistance:

I suspect that the errors may be related to the version differences, particularly with @prismicio/svelte.​

  • Has anyone encountered similar issues when using the latest versions of these packages?​
  • Is there a recommended approach to resolve these errors while maintaining up-to-date dependencies?​

Any guidance or suggestions would be greatly appreciated.

Thank you in advance for your assistance.

Best regards,

Anno

2

Hi @amo.20325.github,

Welcome to the community, and thanks for all the details! Can you confirm which version of node and npm you're on, and if you're not on the latest, update this to see if it fixes it?

Let me know how that goes!

3 
npm run dev

> sveltekit-starter-prismic-minimal@0.0.1 dev
> concurrently "npm:vite:dev" "npm:slicemachine" --prefix-colors blue,magenta

(node:9256) [DEP0060] DeprecationWarning: The `util._extend` API is deprecated. Please use Object.assign() instead.
(Use `node --trace-deprecation ...` to show where the warning was created)
[slicemachine] 
[slicemachine] > sveltekit-starter-prismic-minimal@0.0.1 slicemachine
[slicemachine] > start-slicemachine
[slicemachine] 
[vite:dev] 
[vite:dev] > sveltekit-starter-prismic-minimal@0.0.1 vite:dev
[vite:dev] > vite dev
[vite:dev]
[vite:dev] Forced re-optimization of dependencies
[vite:dev] 
[vite:dev]   VITE v5.3.1  ready in 765 ms
[vite:dev]
[vite:dev]   ➜  Local:   http://localhost:5173/
[vite:dev]   ➜  Network: use --host to expose
[slicemachine] 
[slicemachine]  Slice Machine v2.13.2  → Running at http://localhost:9999
[slicemachine]
[vite:dev] X [ERROR] No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "TableComponents"
[vite:dev]
[vite:dev]     node_modules/@prismicio/svelte/dist/PrismicTable/DefaultComponent.svelte:26:9:
[vite:dev]       26 │ import { TableComponents } from "../types";
[vite:dev]          ╵          ~~~~~~~~~~~~~~~
[vite:dev]
X [ERROR] No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "SvelteRichTextSerializer"
[vite:dev]
[vite:dev]     node_modules/@prismicio/svelte/dist/PrismicTable/PrismicTable.svelte:31:9:
[vite:dev]       31 │ import { SvelteRichTextSerializer } from "../types";
[vite:dev]          ╵          ~~~~~~~~~~~~~~~~~~~~~~~~
[vite:dev]
[vite:dev] 15:52:47 [vite] error while updating dependencies:
[vite:dev] Error: Build failed with 2 errors:
[vite:dev] node_modules/@prismicio/svelte/dist/PrismicTable/DefaultComponent.svelte:26:9: ERROR: No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "TableComponents"
[vite:dev] node_modules/@prismicio/svelte/dist/PrismicTable/PrismicTable.svelte:31:9: ERROR: No matching export in "node_modules/@prismicio/svelte/dist/types.js" for import "SvelteRichTextSerializer"

Same error on my end.
npm version 11.2.0 (latest)
node version 22.14.0 (latest)

4

Thanks @birling.matthias for the report and the details! The team's investigating this. I'll let you know once I have an update :slight_smile:

5

Hey there, thanks for letting us know about this. I found and fixed the issue. Those errors will disappear if you update to the latest version of the Prismic svelte pacakge: npm install @prismicio/svelte@latest.

1 Like
6

Thank you for the fast response and fix! I checked on my end, it is fixed.

1 Like