Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

onMounted triggering twice? (WebSocket establishing issues)

Hey everyone, long time Nuxter, first time writing in the Nuxt Discord. I've come across a very interesting bug in a Nuxt app I'm making: If I attempt to create a WebSocket connection in the onMounted() hook, it's actually triggered twice and it fires the WebSocket creation twice. ...

VPS RAM limit exceeded when building

Hi, whenever I build my Nuxt 4 website, the build process exceeds my VPS available RAM. Which is more than 4,5 GB in most cases. As I monitor from 'htop' command, the build process starts with around 500M ram and ends with 4777M or maybe more, and then crashes with signal SIGKILL. How to limit RAM usage when building Nuxt? I am currently building with Dockerfile through "RUN bun run build"...

Rollup Plugin Inject Problem building Docus app within a Bun monorepo

I am having a problem with the Nuxt build failing after rollup-plugin-inject fails to transform some files from docus while building the application. Has anyone had this problem before? The failed CI run can be seen here: https://github.com/nuxt-modules/shopify/actions/runs/18998854241/job/54262607900...

<MDC />

Component fail to display data upon changing locale with @nuxtjs/i18n @nuxt/content and @nuxt/ui. ``` <UPageSection :title="pricingPage.faq.title"> <template #description>...

Nuxt Content 3 content update on prod

Using Nuxt Content 3 and Nuxt 4 SSR/ISR is it possible to update only the Markdown based content of the site without needing to rebuild and redeploy the whole app? I'm thinking about a solution where the app and the content live in separate git repositories. The app is running in a docker container on a VPS. The content is cloned on the same VPS and it is mounted as the /content directory of the app. Whenever there is a push against the content repo the server is notified to pull the content changes and the app is notified to reindex the content (ideally the changed files only)....

Possible memory leak in Nuxt 3.20?

We recently released a new production version of our app using Nuxt 3.20. There were only a few minor changes. The app immediately started crashing due to a memory overflow error. After downgrading to 3.19.3, it started working again. The server restarts approximately every 20 minutes. I tested this multiple times to see if the issue was indeed related to a dependency, and it appears to be the case. I even tried to override the Vue version to 3.15.3, as there was a known issue with 3.15.22....
No description

call composable in plugin

if i have a composable and a function from it is to fetch data, if onresponse error then will navigateto login page. and this function i call insie plugin will the navigate work?

Await is only allowed within async functions and at the top levels of modules

After upgrading nuxt to 4.1.3 or newer, using @nuxtjs/strapi module from layer gets this error Downgrading to 4.1.2 all works as expected. Using with 4.1.3+ version in layer also works as expected. Only problem, when i am using it from layer....

Cannot parse environment for runtimeConfig

Hello everyone, i am currently build a nuxt webapp, i am trying to dockerize it but i am finding errors almost everywere i go, currently i have a "apiBaseUrl" in my runtimeConfig (not public) and have overridden it using "NUXT_API_BASE_URL" in my environment section in my Docker Compose file. as i am seeing tho while running the app, it seems that it prints out as "undefined", i don't know why :( and don't know any way to debug this, any help is really appreciated, thanks! ...

🆘 500 SSR Error on Homepage (Cloudflare Pages)

Hey everyone 👋 I’m getting a 500 SSR error in production and can’t figure out why. 🐛 The issue...

Debug Navigation performance Issues

Navigating to pages with the nuxtlink component takes ages. Sometime up to 3s. How can I debug this?

@nuxtjs/apollo not working with nuxt4

I had a nuxt 3 project that use @nuxtjs/apollo package to handle GraphQL queries and mutation after I migrated to nuxt 4 using ncu -u I am getting this error: ```bash warn: incorrect peer dependency "graphql@16.11.0" ...

NavigationMenu width is limited with the width of the Header content

``` <template> <UHeader :ui="{ container: 'overflow-visible',...
No description

I'm losing it with this duplicate footer in my layout

My footer is being rendered twice at the bottom of the page and I cannot for the life of my figure out why
No description

How to safely redirect to /login without crashing on heavy page renders?

Hi everyone, I’m running into an issue with Nuxt 4 / Vue 3 where I need to redirect the user to /login immediately after logging them out or when a token expires. The problem is that if I call navigateTo('/login') while the current page is still rendering (for example, a heavy dashboard page), the app either blocks or crashes. I’ve found that adding a setTimeout(() => navigateTo('/login'), 500) works, but it feels hacky and unreliable. I’ve also tried nextTick() and router.replace(), but on heavy pages it still fails....
No description

Hi guys can you help me with this error H3Error: ENOENT: no such file or

I started to get this error all of a sudden. [request error] [unhandled] [GET] https://dev.revlabs.io/_nuxt/Dv0bs_qm.js H3Error: ENOENT: no such file or directory,dev open '/var/www/cim-ui/.output/server/chunks/nitro/chunks/public/_nuxt/Dv0bs_qm.js' at open (node:internal/fs/promises:639:25)...

Deploying on Netlify issue of API

I'm having problems with the deployment that has been started. I find that the final site is missing the APIs. I don't know why this problem is happening.

How to access current page SEO Meta from template

How to access current page SEO Meta from template? $route.meta is for definePageMeta() which isn't what I'm looking for.

Nuxt 4.2.0 bug: Object.entries error with vue-bundle

Hello, since Nuxt 4.2.0 have been released I have an error when I try to deploy ma website - The website perfectly work with Nuxt 4.1.3 - When upgrading nuxt the error appear (I've used npx nuxt upgrade --dedupe) If anyone has any ideas, it would help me a lot !...
No description

How can I remove the margin top that NuxtUI's UHeader component adds?

How can I remove the margin top that NuxtUI's UHeader component adds?