Entrar Ainda não tem acesso?
1
resposta

[Sugestão] Erro - Line 9:10: 'Banner' is not defined react/jsx-no-undef

Referente ao curso React: praticando React com Js, no capítulo Criando componentes e atividade Banner

por Wesley Fernando Do Nascimento
| 165.7k xp | 1 posts

Caso esteja aparecendo esse erro

ERROR [eslint] src\pages\Inicio\index.js Line 9:10: 'Banner' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

Recomendo que na index da page/inicio coloque o import do Banner, deixando dessa forma abaixo!

import Cabecalho from "components/Cabecalho/Index"; import CabecalhoLink from "components/CabecalhoLink/Index"; import Rodape from "components/Rodape/Index"; import Banner from "components/Banner/Index";

function Inicio(){ return( <> </> ); }

export default Inicio;

1 resposta
por Renan Lima
| 4173.7k xp | 8895 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Wesley. Tudo bem?

Obrigado por compartilhar sua sugestão aqui com a gente.

Ótimo como você identificou o erro e sugeriu a importação do componente Banner para resolver o problema. Isso ajuda outros alunos a entenderem a importância de verificar os imports ao trabalhar com componentes no React.

Uma dica útil: ao configurar imports, você pode usar paths absolutos no jsconfig.json para evitar caminhos longos. Veja este exemplo: 


{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "components/*": ["components/*"]
    }
  }
}

Isso permite importar Banner assim: import Banner from "components/Banner";.

  Alura   Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!