Getting error after update (500: Unexpected token ';')

[lukas-pgm]

Hey there!

When I run these commands:

npx nuxi init -t github:nuxt-ui-pro/landing (Selecting rpm, no git repo)
npm run dev

the following error occurs and the page won't load:

Nuxt 3.15.0 with Nitro 2.10.4 13:51:06
13:51:06
➜ Local: http://localhost:3000/
➜ Network: use --host to expose

╭──────────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ Nuxt UI Pro │
│ │
│ Missing NUXT_UI_PRO_LICENSE env variable, please add it to your .env. │
│ │
│ Purchase Nuxt UI Pro at https://ui.nuxt.com/pro/pricing to build your app in production. │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────────╯

ℹ Using default Tailwind CSS file nuxt:tailwindcss 13:51:08
➜ DevTools: press Shift + Option + D in the browser (v1.7.0) 13:51:08

[13:51:12] ERROR (node:55405) ExperimentalWarning: CommonJS module /Users/USER/Desktop/landing-main-2/.nuxt/nuxtui-tailwind.config.cjs is loading ES Module /Users/USER/Desktop/landing-main-2/node_modules/@nuxt/ui/dist/runtime/utils/colors.js using require().
Support for loading ES Module in require() is an experimental feature and might change at any time
(Use node --trace-warnings ... to show where the warning was created)

ℹ Nuxt Icon server bundle mode is set to local 13:51:12
[13:51:13] ✔ Nuxt Icon discovered local-installed 3 collections: heroicons, simple-icons, vscode-icons
ℹ Running with compatibility version 4 13:51:13
ℹ Tailwind Viewer: http://localhost:3000/_tailwind/ nuxt:tailwindcss 13:51:13
✔ Vite client built in 25ms 13:51:14
✔ Vite server built in 96ms 13:51:14
✔ Nuxt Nitro server built in 1103 ms nitro 13:51:16
ℹ Vite client warmed up in 401ms 13:51:16
ℹ Vite server warmed up in 3546ms 13:51:20

ERROR [nuxt] [request error] [unhandled] [500] Unexpected token ';'

Do you know where the problem is?

Thank you!

[benjamincanac]

It seems this is an issue with latest nuxt 3.15. Can you try setting the resolution to 3.14.1592?

[lukas-pgm]

I've changed my package.json to this:

"nuxt": "^3.14.1592",

But this appears:

ℹ Nuxt Icon server bundle mode is set to local 14:13:08
✔ Nuxt Icon discovered local-installed 3 collections: heroicons, simple-icons, vscode-icons 14:13:09
ℹ Running with compatibility version 4 14:13:09
ℹ Tailwind Viewer: http://localhost:3000/_tailwind/ nuxt:tailwindcss 14:13:09
✔ Vite client built in 26ms 14:13:10
✔ Vite server built in 105ms 14:13:11
✔ Nuxt Nitro server built in 1707 ms nitro 14:13:14
ℹ Vite client warmed up in 375ms 14:13:14
ℹ Vite server warmed up in 3926ms 14:13:18

ERROR [nuxt] [request error] [unhandled] [500] Unexpected token ';'

ERROR [nuxt] [request error] [unhandled] [500] Unexpected token ';'

ERROR [nuxt] [request error] [unhandled] [500] Unexpected token ';'

The same occurs with the templates "starter" or "documentation".
The original package.json in this GitHub repo has the Nuxt version 3.13.2

But the error occurred after the new update. First this appeared:

ERROR [nitro] [unhandledRejection] Nested mappings are not allowed in compact mappings at line 5, column 18:

description: Nuxt 3.9 is out - a Christmas gift from the Nuxt team bringing…

[lukas-pgm]

Okay I have a fix now:

Running

npm remove nuxt
npm install [email protected]

fixed the problem.
So yes, there is maybe a big problem in the new version.

[benjamincanac]

This might have been fixed by nuxt/ui#2945 already.