Nuxt Ui failed to resolve the component issue

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

Read More