While working on a Nuxt project with nuxt ui, we might get the issue as below:
Failed to resolve component: UContentNavigation
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement
This warning means the Nuxt can't find the desired component. This will impact the component, which will not render in HTML. In order to resolve the issue, we need to configure the nuxt-ui inside the nuxt.config.ts file
ui: {
content: true
},
This setup will provide the custom component available inside the core 'content directory of the nuxt-ui project. For example: UContentNavigation, UContentProse, etc