Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Cannot read properties of undefined (reading 'nuxt2Context')

I'm trying to enable nuxt bridge on my app. I have: - Nuxt 2.18.1 - Vue 2.7.16 I've installed bridge and configured it like this:...

Nuxt studio cannot access preview

I cannot access preview on Nuxt studio, I already have mine deployed I could see the __preview.json file with data but when I try and navigate to the ?preview=<id> it goes into loading loop with an error of: Uncaught (in promise) SQLite3Error: SQLITE_ERROR: sqlite3 result code 1: no such table: _content_pages. I opened my contents.sqlite file I could see that the table _content_pages is present with data anybody have encountered this issue?

Cannot read .vue files of external packages

Hi, I encountered a problem when registering a package's exported SFCs with a nuxt module:
Unknown file extension ".vue" for path/to/SFC.vue
Unknown file extension ".vue" for path/to/SFC.vue
...

Various "Failed to resolve extends base type" when extending interfaces and using them as props

This is new in Nuxt 4.1 with Vite rolldown I have something like this: interface Props extends Omit<SomeInterface, 'createdAt' | 'editedAt' | 'category'> {...

Nuxt UI props error with Nuxt4

Hi, I just created a new project with pnpm, including the Nuxt UI module during setup. However, when I try to create buttons or other components, I can't see the props of the components — IntelliSense is not working. Could this be caused by Nuxt 4?...

Regarding the compilation failure of the /pages/index.vue file

I've specified the index.vue file in the app.vue file, but I still get the message "I need to create a Vue component in the /pages path." How can I determine the source of this issue?

Why is the nuxt dev server so slow?

Why is the nuxt dev server so SLOW

Bun APIs in nuxt server APIs

Does anyone know a way to use the Bun APIs like Bun.file inside Nuxt's server APIs? In my nuxt config I already set ```ts nitro: {...

NuxtUI3 Custom Variant and Compound Variants Issue

Using Nuxt UI 3, I'm having issues styling a custom variant in a specific color. Defining the custom variant in the button.variants.variant works as expected, and intellisense recognizes the variant elsewhere in the project. Once I attempt to define a compoundVariant that includes the custom variant, intellisense breaks and the project no longer builds, as it appears the compoundVariants object is expecting the fixed list of variants specified in the base button. Example config:...

Error prerendering site

Hello, I have an error when prerendering the website on a page but I am struggling finding the root cause of it Errors prerendering:...

rollup error module nuxt 4

Im trying to update my module (https://github.com/Pentadome/nuxt-openAPI-wrapper/tree/nuxt-4) to Nuxt 4. but after updating, whenever i build the playground, i get this rollup error: ``` RollupError: playground/node_modules/.cache/nuxt/.nuxt/openapi-wrapper/index.ts (1:7): Expected '{', got 'type' (Note that you need plugins to import files that are not JavaScript) nitro 17:39:20
...

No intellisense for props/properties/attributes

Fresh new project, no intellisense for custom or nuxt components /components/Tester.vue ```html <script setup lang="ts">...

✘ [ERROR] Could not resolve ".prisma/client/index-browser"

When i start my app and following the @prisma/nuxt tutorial i got this error ✘ [ERROR] Could not resolve ".prisma/client/index-browser" node_modules/.pnpm/@prisma+client@6.15.0_prisma@6.15.0_magicast@0.3.5_typescript@5.9.2__typescript@5.9.2/node_modules/@prisma/client/index-browser.js:1:23:...

Install radix-vue module in nuxt3

Hi there👋 I'm an experiecend React developer and I'm new to Vuejs I'm trying to install radix-vue in my nuxt3 project, but I'm getting an error if I add module in nuxt.config as it is shown in radix-vue documentation. I suspect that it works only for nuxt 4, and if it's true is there any way to achieve autoimports for radix vue in nuxt 3...
No description

How to properly setup mongoose without external modules

I am using nuxt server plugins to create a connection to the database using mongoose and closing the connections with nuxt hooks 'close' event. Now everything is working fine as expected in dev. But as soon as i run pnmp run build, the process gets stuck and i need to manually exit the process using ctrl + c after which I run the node output command to run the localhost in production mode That was all fine until I had to deploy the same thing on nuxt amplify, which after getting stuck on nuxt build, times out. Can someone help me here? I have the same config and everything as is, working in NUXT3, only upgraded as I had to also upgrade node version because amplify is stopping support for node 18 after mid September...

Prevent Nuxt from injecting setInterval import into worker

I have a worker I'm importing using ?worker which is using setInterval. Nuxt "helpfully" adds this handler for SSR as an import ```ts import { setInterval } from "/_nuxt/@fs/C:/Users/Tobias/WebstormProjects/tally/nodemodules/.pnpm/nuxt@4.1.0@parcel+watcher@2.5.1@types+node@24.3.0@vue+compiler-sfc@3.5.21_db0@0.3.2_ioredi_kafnzuo23ez3kp4fs4kd7hv64i/node_modules/nuxt/dist/app/compat/interval.js?v=4c3d3eb9"; importScripts("/_nuxt/@vite/env")...

How to exactly use nuxt-bridge

I'm trying to use nuxt-bridge to make our application more compatible with Nuxt 3. I'm trying to follow the documentation but it is not very clear. I did the Nuxt and Vue updates prior to installing Nuxt bridge so thankfully I'm already on: - Nuxt 2.18.1 - Vue 2.7.16...

How do I set "site name" for a nuxt website?

On google search results the site name I get for my website is just my domain and then the domain is repeated again in the URL. Attached is SERP screenshot of TikTok Ads (I chose this example because TikTok Ads uses Nuxt and they are in the Nuxt showcase). In this example:...
No description

Nuxt Moudle Con't run "dev:prepare"

package.json ``` "dependencies": { "@nuxt/kit": "^4.0.3", "shiki": "^3.12.1"...

Debugging server routes with Node Inspector

Hi everyone 🙂 Currently I have a lot of heavy processing on my Nuxt Server API endpoints (Nitro /H3). I make calls to external API's and I chunk the promises to handle all of this. The problem I have is currently I have a bottleneck somewhere down my code, but I can't seem to find the problem with just console.log, How can I Debug my Nitro / Nuxt server endpoints with node inspect? I've tried nuxt --inspect but that seems to work only with the frontend side of Nuxt?? Correct me if im wrong....