Entrar Ainda não tem acesso?
2
respostas

ERR_ABORTED 404 (Not Found)

Referente ao curso TypeScript parte 1: evoluindo seu JavaScript, no capítulo Typescript e compilador e atividade Aprimorando a configuração

por Felipe Ricardo Ferreira
| 64.3k xp | 37 posts
Analista de Suporte Pleno

Estou conseguindo compilar meu projeto Porem no meu app onde importo o modulo de negociação esta gerando sem .js no final 

import { Negociacao } from "./models/negociacao";
const negociacao = new Negociacao(new Date(), 10, 100);
console.log(negociacao);
console.log(negociacao.volume);

O que acaba resultando no erro Insira aqui a descrição dessa imagem para ajudar na acessibilidade

quando alterno na mão o app.js adicionando o .js na frente de negociacao funciona

import { Negociacao } from "./models/negociacao.js";

Alguem sabe me diser como corrigir isso sem precisar ficar alterando os arquivos na mao ?

2 respostas
por Felipe Ricardo Ferreira
| 64.3k xp | 37 posts
Analista de Suporte Pleno

Bom acredito que o meu erro é que no arquivo app.ts Em meu import eu ja deveria informar o arquivo com extensão .js

import { Negociacao } from "./models/negociacao.js";

Dessa forma nao tive mais problema, alguem sabe me explicar o porque tenho que referenciar com a extensão .js e não .ts ?

por Eduardo Tioma
| 233.8k xp | 261 posts
Instrutor

Oi Felipe!

O ideal é usar sempre arquivos .ts, então modificando negociacao.js para negociacao.ts deve funcionar.

Caso você queira continuar com o .js, é necessário adicionar o seguinte código no seu tsconfig.json:

{
  "compilerOptions": {
    "allowJs": true
  }
}

Após salvar, reinicie o editor e os imports .js devem funcionar.

Espero ter ajudado! Qualquer outra dúvida pode postar aqui!