Para quem como eu tentou se aventurar na versão typescript do Projeto, ira dar problema no import topo. É só trocar por const topo = require('../../assets/topo.png');
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Para quem como eu tentou se aventurar na versão typescript do Projeto, ira dar problema no import topo. É só trocar por const topo = require('../../assets/topo.png');
Fala Andrew, tudo bem?
Cara, muito bom que você tá evoluindo o projeto fazendo ele com TypeScript, isso é muito massa! Valeu pela dica do import.
Mas acredito que fazendo o import normal não tinha dado erro né? Só ficava sublinhado em vermelho no vscode, mas a imagem aparecia normalmente, né!?
O problema nem é a forma de import, mas sim a relação da tipagem da imagem. Uma outra maneira de resolver isso é você criando uma pasta chamada @types na raiz do projeto e criar um arquivo dentro dessa pasta chamado png.d.ts. Dentro desse arquivo adicione a seguinte linha:
declare module "*.png";Pronto! Dessa forma você pode fazer a importação normal desse jeito:
import topo from '../../assets/topo.png';A configuração dos arquivos do projeto ficará assim:
Continue assim, bons estudos!