#admin panel not loading in dev on wsl2

7 messages · Page 1 of 1 (latest)

glossy knot
#

I use a mac at home and a windows machine with wsl2 at work. my mikecebul/bases repo just stopped working in dev on wsl. it works on my mac, it builds fine in github actions, and runs fine in production. I tried reinstall node with nvm, reinstalled pnpm, reinstalled my packages, lock file, and .next. i keep getting this runtime error when navigating to /admin.

stitched-error.ts:23 Uncaught Error: Module [project]/node_modules/.pnpm/next@15.3.4_@babel+core@7.27.4_@opentelemetry+api@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.77.4/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript) was instantiated because it was required from module [project]/node_modules/.pnpm/@dnd-kit+core@6.0.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@dnd-kit/core/dist/core.esm.js [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.
    at [project]/node_modules/.pnpm/@dnd-kit+core@6.0.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@dnd-kit/core/dist/core.esm.js [app-client] (ecmascript) (http://…_a7615ecc.js:40:409)
    at [project]/node_modules/.pnpm/@payloadcms+ui@3.40.0_@types+react@19.1.3_monaco-editor@0.52.2_next@15.3.2_@babel+core@_ecc52ad586c947aa9e13b2734e2d475e/node_modules/@payloadcms/ui/dist/exports/client/index.js [app-client] (ecmascript) <locals>…32829d7f.js:300:330)
    at [project]/src/fields/link/LinkRowLabel.tsx [app-client] (ecmascript) (http://…1f12024._.js:12:425)

but I've reinstall the everything multiple times and the same issue, but just this repo.

amber quartzBOT
glossy knot
#

No matter how much I clean pnpm, i still get v3 beta versiosns for faceless-ui

glossy knot
#

I removed my LinkRoeLabel component and then got this error

stitched-error.ts:23 Uncaught Error: Module [project]/node_modules/.pnpm/next@15.3.4_@babel+core@7.27.4_@opentelemetry+api@1.9.0_react-dom@19.1.0_react@19.1.0__react@19.1.0_sass@1.77.4/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript) was instantiated because it was required from module [project]/node_modules/.pnpm/@dnd-kit+core@6.0.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@dnd-kit/core/dist/core.esm.js [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.
    at [project]/node_modules/.pnpm/@dnd-kit+core@6.0.8_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@dnd-kit/core/dist/core.esm.js [app-client] (ecmascript) (http://…_a7615ecc.js:40:409)
    at [project]/node_modules/.pnpm/@payloadcms+ui@3.40.0_@types+react@19.1.3_monaco-editor@0.52.2_next@15.3.2_@babel+core@_ecc52ad586c947aa9e13b2734e2d475e/node_modules/@payloadcms/ui/dist/exports/client/index.js [app-client] (ecmascript) <locals>…32829d7f.js:300:330)
    at [project]/node_modules/.pnpm/@payloadcms+richtext-lexical@3.40.0_@faceless-ui+modal@3.0.0-beta.2_react-dom@19.1.0_re_2fd6da56a83123c0dbdb799a8baf9361/node_modules/@payloadcms/richtext-lexical/dist/exports/client/chunk-INBEEENE.js [app-client] (ecmascript) (http://…b321005._.js:13:425)
    at [project]/node_modules/.pnpm/@payloadcms+richtext-lexical@3.40.0_@faceless-ui+modal@3.0.0-beta.2_react-dom@19.1.0_re_2fd6da56a83123c0dbdb799a8baf9361/node_modules/@payloadcms/richtext-lexical/dist/exports/client/chunk-3BY5IZJD.js [app-client] (ecmascript) (http://…321005._.js:165:432)
    at [project]/node_modules/.pnpm/@payloadcms+richtext-lexical@3.40.0_@faceless-ui+modal@3.0.0-beta.2_react-dom@19.1.0_re_2fd6da56a83123c0dbdb799a8baf9361/node_modules/@payloadcms/richtext-lexical/dist/exports/client/index.js [app-client] (ecmascript) <locals>…21005._.js:2243:432)
// ...
glossy knot
#

Only fails with --turbo

glossy knot
#

Now I see it fails the same with all my projects using turbopack in dev

glossy knot
#

I had to add

// next.config.mjs
 experimental: {
    serverComponentsExternalPackages: [`require-in-the-middle`],
  },