1
resposta

[Dúvida] Dúvida de código

import './App.css'; import Logo from './componentes/Logo';

function App() { return (

  </header>
</div>

); }

export default App;

'./componentes/Logo'; esta dando erro nessa linha por que ?

1 resposta

Boa tarde, Matheus.

Primeiramente, imagino que nessa linha você esteja tentando importar uma imagem, certo? Se for, o erro pode estar acontecendo por alguns motivos:

  1. Simplesmente faltou colocar a extensão da imagem que você está importando, se for um arquivo .svg ./componentes/Logo.svg, se for png ./componentes/Logo.png, etc.
  2. O nome do arquivo pode estar errado, o arquivo usando como exemplo durante o curso, por exemplo, possui o nome "logo.svg", em minúsculo. Se for o caso é só corrigir o nome do arquivo na linha de importação ./componentes/logo.svg.
  3. O caminho para o arquivo pode estar errado, no exemplo do curso o instrutor salvou a imagem em uma pasta imagens e a partir dali fez a importação, ficando ./imagens/logo.svg.

Tente as minhas sugestões e, se não funcionar, me manda uma imagem do erro no console que eu dou uma olhada melhor.

Espero ter ajudado!

Bons estudos