Failed to compile error

[haroonchoudery]

I'm getting the following error:

 ./node_modules/next-mdx-remote/rsc.js Package next-mdx-remote (serverComponentsExtenalPackages or default list) can't be external The request next-mdx-remote/rsc matches serverComponentsExtenalPackages (or the default list), but it can't be external: The package seems invalid. require() resolves to a EcmaScript module, which would result in an error in Node.js.

I'm a noob so totally clueless what's happening here. My repo (https://github.com/haroonchoudery/haroonai) is a fork of @leerob 's

[nekochan0122]

Same issues here when I using Turbopack in Next.js 14.1.1

[talatkuyuk]

I cloned your repo, tried below in the next.config.mjs:

experimental: {
  serverComponentsExternalPackages: ['next-mdx-remote']
}

but it didn't work.

For a temporary solution you can use next-mdx-remote-client and make a change in the app/components/mdx.tsx as import { MDXRemote } from "next-mdx-remote-client/rsc"; I tested it it works.

After the next-mdx-remote is fixed some time later, you can continue to use next-mdx-remote.

[nirtamir2]

Same issue with Next.js 14.2 + turbopack

[bcigdemoglu]

Same here on "next": "^14.2.1-canary.6"

[dstaley]

@nirtamir2 @bcigdemoglu can you try with [email protected] and let me know if you're still experiencing this issue?

[james-william-r]

[email protected]

no luck, still getting the same error on my end

[vasyaqwe]

@nirtamir2 @bcigdemoglu can you try with [email protected] and let me know if you're still experiencing this issue?

thank you, this resolved the issue for me. i'm on next 14.2.2, no turbopack

[dstaley]

If you're using Turbopack, you'll need to add next-mdx-remote to transpilePackages in your next.config.js due to this Next.js bug with ESM-only packages.

transpilePackages: ['next-mdx-remote'],