2
respostas

Não consigo importar o cabecalho

Não consigo importar o cabeçalho, o caminho esta escrito corretamente e o arquivo esta na pasta correta.

Se for necessario instalar alguma dependência, por favor me diga quais e como? Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá, Iago.

Tudo bem?

Parece que o problema está na forma como você está importando o componente Cabecalho. O erro indica que o caminho 'components/Cabecalho' não está sendo encontrado. Vamos verificar algumas coisas:

  1. Verifica o nome da função do componente "Cabecalho":

    • O nome na função do componente precisa estar igual com a primeira letra maiúscula, outro ponto, é verifica se você está exportando a função com o export default: export default Cabecalho;
  2. Caminho Relativo:

    • Tente usar o caminho relativo completo na importação para garantir que está correto. Por exemplo:
    import Cabecalho from '../../components/Cabecalho';
    
  3. Reinicie o Servidor:

    • Às vezes, reiniciar o servidor de desenvolvimento pode resolver problemas de cache. Pare o servidor (Ctrl+C no terminal) e inicie novamente com npm start ou yarn start.

Espero ter ajudado. Qualquer coisa compartilha mais detalhes como os códigos do componente "Cabecalho" e o código da página de "Início" sem ser print, que conseguimos copiar e testar. Bons estudos!

O problema para mim foi resolvido importando o "CabecalhoLink" no componente "Cabecalho" colocando ../../ antes dessa

import CabecalhoLink from "../../components/CabecalhoLink";