Error on nuxt generated page when accessing dynamic route rc.11

[nurRiyad]

Environment

Here is my nuxt.config.ts

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "HOST=0.0.0.0 nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "nuxt": "3.0.0-rc.11"
  }
}

Reproduction

Here is my minimum reproduction stackblitz link

To get the error run

• npm run generate
• npm run preview
• go to /dashboard/admin route

Here is a direct link of that error page

Describe the bug

Error message

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

entry.e03fd17e.js:5 [nuxt] Cannot load payload /dashboard/admin/js/_payload.js TypeError: Failed to fetch dynamically imported module: https://github-vw5syj--3000.local.webcontainer.io/dashboard/admin/js/_payload.js

Additional context

No response

Logs

No response

[danielroe]

Apologies for the errors in console. They are not fatal. The issue is simply that those pages were not generated in advance and we couldn't get the payload for them. You can resolve by manually passing the routes to nitro.prerender.routes, as a workaround, or disable by setting experimental.payloadExtraction to false.

You can track continued progress on the payload extraction feature at #14507.