Pre-rendering Errors

[kieranmansfield]

Environment

• Operating System: Darwin
• Node Version: v22.14.0
• Nuxt Version: 4.0.0
• CLI Version: 3.26.2
• Nitro Version: 2.12.0
• Package Manager: npm@11.2.0
• Builder: -
• User Config: compatibilityDate, devtools, future, modules, css, ui, colorMode, app
• Runtime Modules: @pinia/nuxt@0.11.2, @nuxt/ui-pro@3.2.0, lenis/nuxt@1.3.8, @nuxt/image@1.10.0, @nuxt/content@3.6.3, @vueuse/nuxt@13.5.0, @vueuse/motion/nuxt@3.0.3
• Build Modules: -

Version

v3.6.3

Reproduction

./index.vue

<script setup>

const { data: posts } = await useAsyncData("work", () =>
  queryCollection("work").first()
)
</script>


<template>

<UPageSection>

<UPageHero class="font-display">

<template #title>
<div class="text-left">
<h1>Latest</h1>
<h1>Work</h1>
</div>
</template>

</UPageHero>

  
<UBlogPost v-bind="posts" :to="posts.meta.link" variant="naked" orientation="horizontal" 
:ui="{
title: 'font-bold uppercase font-logo text-6xl tracking-wide',
}" />

</UPageSection>
</template>

/work/index.vue

<script setup lang="ts">
const { data: posts } = await useAsyncData("work", () =>
  queryCollection("work").all()
)
</script>

<template>
  <UPage>
    <UPageHero
      title="Work"
      :ui="{
        title: 'font-bold uppercase font-logo tracking-wide sm:text-xxxl',
      }" />

    <UPageBody>
      <UContainer>


        <UBlogPosts orientation="vertical">
          <UBlogPost
            v-for="(post, index) in posts"
            :key="index"
            v-bind="post"
            :to="post.path"
            variant="naked"
            orientation="horizontal"
            :ui="{
              title: 'font-bold uppercase font-logo text-6xl tracking-wide',
            }" />
        </UBlogPosts>
      </UContainer>
    </UPageBody>
  </UPage>
</template>

Description

I'm having some weird issues with Nuxt Content, it builds and deploys on Netlify but does not on my local machine.

All of this started kicking off after I modified some queries I can't see where the issue is. I've tried some of my npm commands to try and rectify the issue for example these commands in my package.js:

    "clean": "rm -rf ./node_modules package-lock.json .nuxt .output .data && npm i",
    "cleancache": "npm cache clean --force && npm cache verify",

I'm really at a loss as to what the problem is, I imagine it's something small I've missed.

Additional context

No response

Logs

nitro 7:35:14 PM
Errors prerendering:
  ├─ /work (483ms)                                                                                                                                                         nitro 7:35:14 PM
  │ ├── [500] Server Error
  │ └── Linked from /
  │ └── Linked from /about
  │ └── Linked from /projects
  │ └── Linked from /contact
  │ └── Linked from /services
  │ └── Linked from /blog
  │ └── Linked from /test
  │ └── Linked from /blog/theme-color
                                                                                                                                                                           nitro 7:35:14 PM

 ERROR  Exiting due to prerender errors.                                                                                                                                         7:35:14 PM

    at prerender (node_modules/nitropack/dist/core/index.mjs:2199:11)
    at async node_modules/nuxt/dist/index.mjs:4456:5
    at async build (node_modules/nuxt/dist/index.mjs:7105:3)
    at async Object.run (node_modules/@nuxt/cli/dist/chunks/build.mjs:76:5)
    at async Object.run (node_modules/@nuxt/cli/dist/chunks/generate.mjs:38:5)
    at async runCommand (node_modules/citty/dist/index.mjs:316:16)
    at async runCommand (node_modules/citty/dist/index.mjs:307:11)
    at async runMain (node_modules/citty/dist/index.mjs:445:7) 



 ERROR  Exiting due to prerender errors.                                                                                                                                         7:35:14 PM