Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Parsing error no banner.js

Ao executar o projeto, consta um possível erro de sintaxe no Banner.js:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Porém, aparentemente o código está correto:

import './Banner.css'

function Banner() {
  return (
<header className="banner">
    <img src="/imagens/banner.png" alt="O banner principal da página do Organo"/>
</header>
  )

}

export default Banner

Alguma dica de como resolver?

2 respostas
solução!

Problema resolvido!

Inicialmente eu havia criado o arquivo banner.js e posteriormente, seguindo as orientações da aula, renomeei pra Banner.js - com B maiúsculo. Sendo assim, se fazia necessário rodar o npm start novamente, pois o React precisava recompilar o projeto após essa modificação no nome do arquivo.

Ele estava buscando o arquivo banner.js que já havia compilado e encontrava o Banner.js, que era o arquivo atual.

Sendo assim, ao rodar o npm start, ele recompilou o arquivo como Banner.js e sucesso! ✨

Aylmer, tudo bem?

Que bom que você conseguiu resolver. Irei finalizar o tópico por você.

Um abraço.