hmr not working in nuxt content v3

I just finished migrating nuxt content v2 to v3 and my hrm in all content pages does not work anymore. I have this content.config.ts file
import { defineCollection, defineContentConfig, z } from '@nuxt/content'

export default defineContentConfig({
collections: {
blog: defineCollection({
source: '1.blogs/*.md',
type: 'page',
schema: z.object({
tags: z.array(z.string()),
imgPath: z.string(),
datePublished: z.date(),
readingTime: z.string(),
})
}),
docs: defineCollection({
source: '2.libraries/**/*.md',
type: 'page',
schema: z.object({
badge: z.string(),
icon: z.string(),
type: z.string(),
})
})
}
})
import { defineCollection, defineContentConfig, z } from '@nuxt/content'

export default defineContentConfig({
collections: {
blog: defineCollection({
source: '1.blogs/*.md',
type: 'page',
schema: z.object({
tags: z.array(z.string()),
imgPath: z.string(),
datePublished: z.date(),
readingTime: z.string(),
})
}),
docs: defineCollection({
source: '2.libraries/**/*.md',
type: 'page',
schema: z.object({
badge: z.string(),
icon: z.string(),
type: z.string(),
})
})
}
})
This is the content folder tree . ├── 1.blogs │ ├── craft-coolify.md │ ├── craft-preview-hr-nuxt.md │ └── graphql-craftcms-sucks.md ├── 2.libraries │ ├── 1.craft-query-api │ ├── 2.craft-loanwords │ ├── 3.craft-quick-edit │ ├── 4.nuxt-craftcms │ ├── 5.js-craftcms-api │ ├── 6.vue-craftcms │ └── 7.query-api-react This is my nuxt config export default defineNuxtConfig({ devtools: { enabled: true }, future: { compatibilityVersion: 4, },
modules: ['@nuxt/ui', '@nuxt/content', '@nuxtjs/seo', 'nuxt-llms'], content: { build: { markdown: { toc: { depth: 2, }, highlight: { langs: ['js','jsx','json','ts','tsx','vue','css','html','bash','md','mdc','yaml', 'php', 'dockerfile'], theme: { default: 'github-dark', dark: 'github-dark', light: 'github-light', } } }, } }, compatibilityDate: '2024-11-01', })
3 Replies
kapa.ai
kapa.ai3mo ago
Hi @Samuelreichoer. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I'm sorry, but the knowledge sources do not contain explicit information about Hot Module Replacement (HMR) issues or troubleshooting steps for HMR not working in Nuxt Content v3. The available documentation covers migration steps, configuration, and new features in v3, but does not address HMR behavior or known issues after migration. If you have followed the official migration guides and your HMR is still not working, I recommend: - Double-checking that you are running in development mode (npm run dev or equivalent). - Ensuring your Nuxt and Nuxt Content versions are up to date and compatible. - Reviewing the Nuxt Content v3 migration guide for any missed steps. - Checking for any errors or warnings in your terminal or browser console that might indicate what is preventing HMR from working. For further troubleshooting, you may need to consult the Nuxt Content GitHub issues or community forums, as the official documentation does not provide details on HMR-specific problems in v3. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai3mo ago
<@1065266379382587422> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
Samuelreichoer
SamuelreichoerOP3mo ago
I think this is actually a bug, I opened an issue https://github.com/nuxt/content/issues/3433
GitHub
Collections do not pick up changes correctly · Issue #3433 · nuxt...
Environment Operating System: Darwin Node Version: v22.14.0 Nuxt Version: 3.17.5 CLI Version: 3.25.1 Nitro Version: 2.11.13 Package Manager: npm@10.9.2 Builder: - User Config: modules, devtools, fu...

Did you find this page helpful?