Module parse error with @prismicio/next

Developing with Prismic
1

I get a strange error:

 ✓ Compiled /api/preview in 438ms
 ⨯ Error: Could not parse module '[project]/node_modules/next/dist/server/route-modules/app-route/vendored/contexts/router-context.js'
    at [project]/src/prismicio.ts [app-route] (ecmascript) (src/prismicio.ts:2:0)
    at [project]/src/app/api/preview/route.ts [app-route] (ecmascript) (src/app/api/preview/route.ts:4:0)
    at Object.<anonymous> (.next/server/app/api/preview/route.js:7:26)
  1 | import * as prismic from "@prismicio/client";
> 2 | import * as prismicNext from "@prismicio/next";
  3 | import config from "../slicemachine.config.json";
  4 |
  5 | //atoms {
  code: 'MODULE_UNPARSEABLE',
  page: '/api/preview'
}

This will give us lots of dev information to help debug your issue. You can remove it once you're done :slight_smile:

Here is my package.json:

{
  "name": "stadtmaus",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "slicemachine": "start-slicemachine"
  },
  "dependencies": {
    "@gsap/react": "^2.1.0",
    "@next/third-parties": "^15.2.4",
    "@prismicio/client": "^7.2.0",
    "@prismicio/next": "^1.7.1",
    "@prismicio/react": "^2.9.1",
    "@react-email/components": "^0.0.32",
    "@react-email/tailwind": "^1.0.4",
    "clsx": "^2.0.0",
    "crypto-js": "^4.1.1",
    "date-fns": "^3.6.0",
    "form-data": "^4.0.1",
    "framer-motion": "^11.18.0",
    "gsap": "npm:@gsap/shockingly@^3.12.2",
    "next": "15.1.4",
    "react": "^19.0.0",
    "react-cookiebot": "^1.0.10",
    "react-datepicker": "^7.6.0",
    "react-dom": "^19.0.0",
    "react-helmet": "^6.1.0",
    "resend": "^4.0.1"
  },
  "devDependencies": {
    "@slicemachine/adapter-next": "^0.3.62",
    "@types/node": "^20",
    "@types/react": "19.0.7",
    "@types/react-datepicker": "^6.2.0",
    "@types/react-dom": "19.0.3",
    "autoprefixer": "^10",
    "eslint": "^9.18.0",
    "eslint-config-next": "15.1.4",
    "postcss": "^8",
    "sass": "^1.69.0",
    "slice-machine-ui": "^2.12.0",
    "tailwindcss": "^3",
    "typescript": "^5"
  },
  "overrides": {
    "@types/react": "19.0.7",
    "@types/react-dom": "19.0.3"
  }
}

Thanks for every help!

2

Are you using the App Router or Pages Router?

I’d suggest checking out our Preview Troubleshooting Guide especially when working with @prismicio/next and the newer Next.js versions.