Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Pra quem iniciou o projeto com Vite

Pra quem iniciou o projeto usando Vite em vez de create-react-app, as configurações realizadas durante a aula no arquivo jsconfig.json para realizar as importações, não irão funcionar.

Para funcionar, na raiz do projeto, o vite cria um arquivo chamado vite.config.js, nele será necessário acrescentar a seguinte linha de código:

export default defineConfig({
 ...
  resolve: {
    alias: {
      '@': '/src'
    }
  }
})

Desta forma, as importações que antes eram:

import Banner from "../../componentes/Banner";

ficam assim:

import Banner from "@/componentes/Banner";
1 resposta
solução!

Olá Luciana,

Muito obrigado por compartilhar essa sugestão com a comunidade! É sempre bom ter diferentes opções para iniciar um projeto em React.

Realmente, as configurações realizadas durante a aula no arquivo jsconfig.json não irão funcionar para quem iniciou o projeto com Vite. Mas, graças à sua dica, agora sabemos como fazer as importações funcionarem corretamente.

É importante lembrar que cada projeto pode ter suas particularidades e configurações específicas. Por isso, é sempre bom estar atento às documentações e sugestões da comunidade para resolver possíveis problemas.

Espero ter ajudado e bons estudos!