Boa tarde a todos,
Eu alterei meu arquivo de bytebank.js para bytebank.ts.
Ja executei o comando npm install -g typescript
Porem, meu vscode parece que nao esta reconhecendo o typescript, conforme imagem. É problema de versao? Como corrigir?
Solucionado
Boa tarde a todos,
Eu alterei meu arquivo de bytebank.js para bytebank.ts.
Ja executei o comando npm install -g typescript
Porem, meu vscode parece que nao esta reconhecendo o typescript, conforme imagem. É problema de versao? Como corrigir?
Oi, Vinicius! Como vai?
O VSCode já possui suporte nativo ao TypeScript, então instalar o typescript de forma global nem sempre resolve. O problema, neste caso é, provavelmente, que o projeto não está configurado corretamente para TypeScript no navegador (DOM).
1) Instale o TypeScript no projeto e gere o tsconfig
npm i -D typescript
npx tsc --init
O que esse código faz: instala o TypeScript no projeto e cria o arquivo tsconfig.json.
2) Ajuste o tsconfig para reconhecer o DOM
Veja este exemplo:
{
"compilerOptions": {
"target": "ES2020",
"module": "ES2020",
"lib": ["ES2020", "DOM"],
"strict": true
}
}
O que esse código faz: permite que o TypeScript reconheça document, HTMLElement, HTMLFormElement e outros recursos do navegador.
3) Garanta que o VSCode use o TypeScript do projeto
No VSCode:
4) Atenção ao querySelectorquerySelector pode retornar null. Sempre valide antes de usar.
Veja este exemplo:
const formulario = document.querySelector(".block-nova-transacao form");
if (formulario) {
formulario.addEventListener("submit", (event) => {
event.preventDefault();
(formulario as HTMLFormElement).reset();
});
}
O que esse código faz: garante que o formulário existe antes de acessar métodos como reset().
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!