Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

After upgrading nuxt I'm getting 404 on .nuxt/fetch.mjs and others

After upgrading Nuxt from 3.13.2 to 3.17.5, some nuxt-generated files cannot be found. In 3.13.2, the files had names like: /_nuxt/@id/virtual:nuxt:/var/app/.nuxt/fetch.mjs (with proper slashes) Now, in 3.17.5, the file names are changed to /_nuxt/@id/virtual:nuxt:%2Fvar%2Fapp%2F.nuxt%2Ffetch.mjs (with %2f instead of slashes), and the files are send to the browser as 404's. ...

<NuxtPage /> not rendering dynamic pages in production (Vercel)

I'm working on a Nuxt 3 project (nuxt@3.17.4) deployed to Vercel. Everything works perfectly in local development: pages render correctly via , data loads, and routing behaves as expected. However, in production, only the layout (header, footer) is visible, and seems to render nothing, as if no matching page is being resolved. What I've tried:...
No description

How to make Nuxt route a specific domain to a prefix?

Consider a normal Nuxt app that has pages under /pages/site/[site]/* . Those pages can be accessible like so example.com/site/foo/my-page-1 example.com/site/foo/my-page-2 etc. Now, I also want those pages to be accessible without a prefix when a specific domain is used. E.g. foo.com/my-page-1 should display the same page as exanple.com/site/foo/my-page-1 How to achieve this with Nuxt?...

Nuxt UI: progressbar not showing the actual progress but is animated

Hi, I'm using a UProgress like this in my template but it doesn't show the progress ``` <div v-if="isUploading" class="mt-4"> <UProgress :value="uploadProgress" status />...
No description

Nuxt-Content better-sqlite3

I have a problem, where my content does not show up on initial page load, only when routing to a page where through nuxtlink. I think PM2 is running fine. But the logs are here: ``` 0|MYAPP | [request error] [unhandled] [POST] http://localhost/__nuxt_content/services/query?v=v3.5.0--6T1Wqm2ZjMYZHm_X0K2vQCrrEz7Uz47n4DF65uDJXf4...

How to opt out of parent inherit?

When I have a nested structure, can I somehow opt-out of the parent <nuxtpage> rendering for a specific page? I need a standalone page at a nested route.

How can we use nuxt devtool in nuxt version 2.x?

I want to use vue devtool in my nuxt 2.x application. Currently the documentation is showing we can use it on 3.x versiions. Is there any way to use it in version 2.x?

An Error occurred after installing Nuxt Content: better-sqlite bindings cannot be found

The detailed Error message is this:
Could not locate the bindings file. Tried: → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/default/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/compiled/24.2.0/linux/x64/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/release/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/debug/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/default/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/lib/binding/node-v137-linux-x64/better_sqlite3.node
Could not locate the bindings file. Tried: → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Debug/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/out/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/Release/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/build/default/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/compiled/24.2.0/linux/x64/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/release/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/debug/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/addon-build/default/install-root/better_sqlite3.node → /home/euuen/projects/nuxt/node_modules/.pnpm/better-sqlite3@12.0.0/node_modules/better-sqlite3/lib/binding/node-v137-linux-x64/better_sqlite3.node
...

403 forbidden (parcel etc relative path error)

Windows 11, node v22.13.1 pnpm -v 10.12.1 [GET] "http://127.0.0.1:7459/__nuxt_vite_node__/module/C:/Users/Zubair/node_modules/ufo/dist/index.mjs": 403 Forbidden full error in txt file / at the end (collapse all)....

Import theme error.

I'm using tailwind and to make it easier to organize my themas I've created a separate theme to make it easier to organize. So I created a style.css which has this content....
No description

Modules and instance-configuration-options

I am developing a Nuxt 3 Module to be distributed on NPM as a library. It would act as a module to implement cookie-based authentication, but in order to support stateful-sessions, we need the ability for our users to bring in their own session-storage. In essence, this comes down to implementing an interface we provide and our underlying SDK can work with that. Now I am trying to figure out how to get this instance into the Module from user-land, what I find is the following and I want to sanity check if this is the expected way: - User provides a path to the file that implements the interface and exports the instance...

Prerendering dynamic routes

I have a Nuxt app with some routes: index.vue, contact.vue, and [slug].vue. When I use the following route rules, it only generates the static ones. Could you explain why? ``` routeRules: { '/**': { prerender: true } }...

extremly long compiling time during development

Hey I have just created a nuxtjs project with pnpm and made no changement but when I run the development environment i get very long compiling times (like 40s for 1 file) and it makes it impossible to dev correctly. How could I fix it?
No description

Organized page structure

I have a different organization that I want to achieve with my file system. I am looking to have some pages in sub-folders like this app -> auth -> pages -> login.vue...

Better Auth & Nuxt 4

Given the new directory structure in Nuxt 4, what is the best and most secure way to set up Better Auth (https://better-auth.com) ? The information in the current docs applies more for the Nuxt 3 structure.

upagemarquee doesn't respect width of parent div?

I have a div with "px-4 mx-auto max-w-[var(--ui-container)] flex flex-col gap-8 items-center py-16 relative" and inside that div i put a upagemarquee " <UPageMarquee> <UIcon name="i-simple-icons-github" class="size-10 shrink-0" /> <UIcon name="i-simple-icons-discord" class="size-10 shrink-0" /> <UIcon name="i-simple-icons-x" class="size-10 shrink-0" /> <UIcon name="i-simple-icons-instagram" class="size-10 shrink-0" />...

RangeError: WebAssembly.instantiate(): Out of memory: Cannot allocate Wasm memory for new instance

Hello, when trying to run my server "node .output/server.index.mjs" on my shared vps, I got the WebAssembly.instantiate() out of memory error. I checked in cPanel, and I was only using up 200mb of the 1gb allocated to me. my app in node processes also only takes up ~200mb of ram. Checking around the internet, I found other people with the similar WebAssembly.instantiate issue on the server. I couldn't figure out why I am getting it and how to resolve it. my server isn't using any ram. I am wondering if there is anyone here who has come accross this particular issue with cPanel. Some sources said that cPanel caused this problem, but ssh didn't. Due to security, my provider doesn't allow ssh....

How do I change the size of the UNavigationMenu buttons?

```ts <UNavigationMenu :items="items" orientation="vertical" class="w-full mb-auto"...

Import image from node_modules

Is there a way to use an image from a package in node_modules? I need to provide the URL to the library. Using import inside my script setup gives me a URL, but it fails to load with a 404.

Best way to see what’s new in nuxt ui?

Hi, I’ve been using nuxt ui and I’m wondering what the best way to see what’s new in nuxt ui is easily? Like new components added or changes