Por que o import dos arquivos fica com extensão .js se os arquivos são em ts?
Por que o import dos arquivos fica com extensão .js se os arquivos são em ts?
Olá, Luís! Tudo bem?
Essa é uma dúvida comum quando se está trabalhando com TypeScript. Quando você está escrevendo código em TypeScript, os arquivos têm a extensão .ts
. No entanto, TypeScript é um superconjunto de JavaScript e, para que o código TypeScript seja executado no navegador ou em um ambiente Node.js, ele precisa ser transpilado para JavaScript. Durante esse processo de transpiração, os arquivos .ts
são convertidos em arquivos .js
.
Por isso, quando você faz um import em um arquivo TypeScript, você usa a extensão .js
porque, no final das contas, o código que será executado é JavaScript. Isso é necessário para que o ambiente de execução possa encontrar e carregar corretamente os arquivos transpilados.
Por exemplo, se você tem um arquivo view.ts
, ele será transpilado para view.js
, e é esse arquivo que o navegador ou Node.js vai carregar. Assim, o import correto seria import { View } from './view.js';
.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)