1
resposta

[Dúvida] Não esta renderizando o cabeçalho

Resopsitorio: [https://github.com/cebellincanta/orgamo.git]

import logo from './logo.png'
import search from './search.png'
import styles from './Cabecalho.module.scss'
export default function Cabecalho(){
   return(
      <header className= {styles.Cabecalho}>
         <img src= {logo} alt="logo do Alura space" />
         <div>
            <input type="text" placeholder="o que você procura"/>
            <img src={search} alt="icone de lupa" />
         </div>
      </header>
   )
}
1 resposta

Olá Carlos!

Uma possível solução seria verificar se você importou o módulo de estilos corretamente e se as imagens estão no diretório correto.

Além disso, verifique se você está utilizando o componente Cabecalho corretamente em seu código.

Aqui vai um exemplo de como você pode importar o módulo de estilos no seu arquivo:

import styles from './Cabecalho.module.scss';

E para utilizar o componente Cabecalho em seu código, você pode fazer da seguinte forma:

import Cabecalho from './Cabecalho';

function App() {
  return (
    <div className="App">
      <Cabecalho />
      <p>Seu conteúdo aqui</p>
    </div>
  );
}

Esse link que você compartilhou do repositório não está encontrando a página, está dando erro 404. Consegui acessar seu repositorio pelo seu nome, e o cabecalho não está lá ainda, você precisa subir a última versão.

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software