Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Sugestão] Minha solução em erro na importação

O problema aconteceu porque o componente ConteudoPrincipal foi importado, mas não foi registrado dentro de components no App.vue.

Correção

<script lang="ts">
import Banner from './components/Banner.vue'
import ConteudoPrincipal from './components/ConteudoPrincipal.vue'

export default {
  components: {
    Banner,
    ConteudoPrincipal
  }
}
</script>

<template>
  <Banner />
  <ConteudoPrincipal />
</template>

O Vue só renderiza componentes que estão registrados no objeto components.

Também vale verificar se o nome do arquivo e do import estão corretos (ConteudoPrincipal.vue).

1 resposta

Olá, amigo.
Obrigado por compartilhar sua solução.
Atitudes como essa fortalecem o crescimento e o engajamento da comunidade.
Caso tenha alguma dúvida, fique à vontade para avisar.
Bons estudos!