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!
Olá, Mateus! Tudo bem?
Pelo que entendi, você está tendo um problema ao executar seu projeto React com Typescript, correto? A mensagem "You may need an appropriate loader to handle this file type" indica que pode estar faltando um carregador apropriado para lidar com o tipo de arquivo que você está tentando importar.
Uma solução para esse problema seria instalar o pacote "ts-loader" através do gerenciador de pacotes do Node.js, o npm. Para isso, basta executar o seguinte comando no terminal, dentro do diretório do seu projeto:
npm install ts-loader --save-devApós a instalação, adicione a seguinte configuração no arquivo webpack.config.js:
module: {
rules: [
{
test: /\.tsx?$/,
loader: "ts-loader",
exclude: /node_modules/
}
]
}Lembre-se de substituir ".tsx?" pelo formato de arquivo que você está tentando importar.
Espero ter ajudado e bons estudos!