Import component fail and can't use them

Hi ! I have some problem for a couple hours now and Google is no help

I learn Nuxt 4 and I try this from the nuxt website : https://nuxt.com/docs/4.x/getting-started/views#components

But when I try, Nuxt (or Vue) don't want to find my AppAlert component. And leave me with these kind of errors

 WARN  [Vue warn]: Failed to resolve component: AppAlert
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
  at <Anonymous>
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Component <Anonymous> is missing template or render function.
  at <Anonymous>
  at <App>
  at <NuxtRoot>

 WARN  [Vue warn]: Failed to resolve component: AppAlert
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
  at <Anonymous>
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Component <Anonymous> is missing template or render function.
  at <Anonymous>
  at <App>
  at <NuxtRoot>

And in browser console I have following screen. I tried some solutions from Google but without any resolve.

If someone have an idea it would be really cool !

Nuxt•8mo ago•

6 replies

Ggcool

Import component fail and can't use them

Hi ! I have some problem for a couple hours now and Google is no help

 WARN  [Vue warn]: Failed to resolve component: AppAlert
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
  at <Anonymous>
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Component <Anonymous> is missing template or render function.
  at <Anonymous>
  at <App>
  at <NuxtRoot>

 WARN  [Vue warn]: Failed to resolve component: AppAlert
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.
  at <Anonymous>
  at <App>
  at <NuxtRoot>


 WARN  [Vue warn]: Component <Anonymous> is missing template or render function.
  at <Anonymous>
  at <App>
  at <NuxtRoot>

And in browser console I have following screen. I tried some solutions from Google but without any resolve.

If someone have an idea it would be really cool !

Import component fail and can't use them

Similar Threads

Import component fail and can't use them

Similar Threads

Similar Threads

Similar Threads