layout shift issue after switching to kubernetes and nginx ingress
I've just switched my site to kubernetes with a nginx ingress.
There's a weird layout shift thing.
Do you have any idea what could be causing this?
https://cdn.discordapp.com/attachments/748897200955981904/1358961237513470032/20250408-0025-29.6664366.mp4?ex=67f5bec7&is=67f46d47&hm=4b2e9fe95e7af7530e517e6cd8eafe571dd8380748796a8924e7f3e686b7ccd8&...
redirect?
[Vue Router warn]: Detected a possibly infinite redirection in a navigation guard when going from "/dashboard" to "/auth/login". Aborting to avoid a Stack Overflow.
Are you always returning a new location within a navigation guard? That would lead to this error. Only return when redirecting or aborting, that should fix this. This might break in production if not fixed....
I just need help from the nuxt ai
I am getting this error in browser console after settingup nuxt project:
runtime-core.esm-bundler.js:7013 <Suspense> is an experimental feature and its API will likely change.
hook.js:608 [Vue warn]: Hydration node mismatch:
- rendered on server: <!--[--> (start of fragment)
- expected on client: html ...
Eslint: error using withNuxt & antfu config
Hey guys, I'm having trouble configuring eslint in a new nuxt project. I want to use a custom config based on antfu's and use withNuxt.
I've tried this:
```
export default withNuxt(...
Trying to use pinia store in plugin provided by custom module
I have a custom module that has begun to fail outside of it's own playground since updating to nuxt 3.16.2. The problem is that when workign on the module the playground runs as expected. After building and importing into a local project we get the dreaded:
Uncaught Error: [:pineapple:]: "getActivePinia()" was called but there was no active Pinia. error from pinia.
Our plugin looks like this:
```typescript...Mongoose 'Cannot overwrite `PhotoRequest` model once compiled.'
I have this Mongoose model:
```js
import mongoose, { type ObjectId } from "mongoose";
...
Devtools shows layout instead of the devtools view
Hi! My devtools show the index (I assuem it's the layout) instead of the devtools view, I used Nuxt Vitesse starter.
Show nuxt 404 page on server side network request
I am using useAsyncData to get the page data on the server, how i can show nuxt 404 if the request returns 404
callOnce loses Nuxt context after first await
I have a setup like this, where
quote is a pinia store and it works
```typescript
await callOnce(async () => {
await quote.loadQuote(); // This calls useNuxtApp() somewhere
});...Vercel doesn't show parts of the UI
Hey,
I have a problem with deploying my Nuxt application on Vercel: parts of the UI aren't shown. The first screenshot shows it, if I run
pnpm build & pnpm preview. The second screen shows the real result. I think the data is not even sent to the client.
I hope somebody can help me....
Error on Supabase Module
Uncaught SyntaxError: The requested module '/_nuxt/node_modules/@supabase/ssr/node_modules/cookie/index.js?v=ca354228' does not provide an export named 'parse' (at helpers.ts:2:10)
Goodday, I am getting this error upon installing the supabase module which is preventing my app from loading
My Config...Click Event is not working
Hello dear people...
i wanted to make a simple click event for a button. Strangely it doesnt work and I tried out some things but I dont get it to work. Im pretty new in vue and nuxt to I would be happy to get some help :)
Code:...
Co-worker is missing auto-imports
Co-worker pulling changes from our nuxt project and is having errors because he is missing auto-imports in his imports.d.ts file in his .nuxt folder on his end that he is supposed to have despite having already run the command "npm i" , how to fix and make us have the same necessary auto imports?
Co-worker pulled changes from my nuxt project, but is now getting errors when I didn't
My nuxt project was working fine on my end but when he pulled my changes, he suddenly getting these errors and I can't find any context about them:
...
ERROR: Pre-transform error: [unimport] failed to find "useSupabaseSessions" imported from "#imports"
ERROR: Pre-transform error: [unimport] failed to find "useSupabaseSessions" imported from "#imports"
ERROR: (node:15780) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
ERROR: (node:15780) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
v-bind not resolving computed object?
i have the following composable, ...
fieldArgs is not reactive, however each of each properties are computed values.
const fieldArgs = useFormField(props);
const fieldArgs = useFormField(props);
Had nuxt project then trying to use nuxt UI
I've build a nuxt project initially wihtout nuxt UI and upon integrating nuxt UI, i'm. getting this error:
...
500
[vite-node] [plugin:vite:vue] [VITE_ERROR] /node_modules/@nuxt/ui/dist/runtime/components/App.vue
500
[vite-node] [plugin:vite:vue] [VITE_ERROR] /node_modules/@nuxt/ui/dist/runtime/components/App.vue
Pages are shoved after everything in layout
video is as follows, sometimes my site glitches and it shows the page content after it ends, here is the layout file
```html
<template>
<div >
<div id="banner">🕷Spider-City🕷</div>...
How to lazy-load SCSS when a component renders
Hey everyone! I need some help with dynamically loading CSS in Nuxt 3 using Vite.
In my previous Nuxt 3.1.1 (Webpack) project, I used this inside a component:
```...
watchEffect vs effect (Hydration Error)
I recently solved a hydration error by switching from watchEffect in a pinia store to effect (from @vue/reactivity) - why are these treated differently in Nuxt? Is there a way to make sure watchEffect runs during SSR as well?
Build Issues on Apple M chips
Is anyone else experiencing issues building a Nuxt app with Vuetify on macOS (Apple Silicon, e.g., M1/M2) using Docker virtualization with rosetta?
I’m building the Nuxt application inside a Docker container targeting the linux/amd64 platform. The build works perfectly and completes quickly without Vuetify. However, as soon as I add Vuetify (following the official installation instructions), the build process hangs indefinitely with no error output.
It seems related to the combination of Apple Silicon and the cross-architecture container. Has anyone encountered something similar or found a workaround?...