Já faz algum tempo que estou na mesma dúvida, e revi os vídeos das aulas e tbm os fóruns sem conseguir solucionar meu problema. AApós executar npm run compile no terminal dentro do diretório alurabank/ não gera arquivo .js e no navegador a página não existe. Quero saber como consigo resolver este problema?
Código completo: https://github.com/GrasielaMach14/alurabank.git
Fala aí Grasiela, tudo bem? Você precisa criar e configurar o arquivo tsconfig.json na raiz do seu projeto.
{
"compilerOptions": {
"target": "es6",
"outDir": "app/js"
},
"include": [
"app/ts/**/*"
]
}Esse será o conteúdo do tsconfig.json.
Espero ter ajudado.
Fiz a correção e continua o mesmo erro, não gera arquivo js e quando visualizo no navegador aparece outro problema:
index.html:55 GET http://localhost/01-alurabank/alurabank/app/js/models/Negociacao.js net::ERR_ABORTED 404 (Not Found) 2index.html:56 GET http://localhost/01-alurabank/alurabank/app/js/app.js net::ERR_ABORTED 404 (Not Found)
Antes funcionava, mas agora está assim desse jeito.
Certo, esse erro é por conta do código, você está exportando a classe Negociacao e importando ela no seu app.ts.
Você não precisa fazer isso, nesse momento, apenas crie a classe e chame ela diretamente no app.ts:
Negociacao.ts:
class Negociacao {
_data;
_quantidade;
_valor;
constructor(data, quantidade, valor){
this._data = data;
this._quantidade = quantidade;
this._valor = valor;
}
get data(){
return this._data;
}
get quantidade(){
return this._quantidade;
}
get valor(){
return this._valor;
}
get volume(){
return this._quantidade * this._valor;
}
}app.ts:
let negociacao = new Negociacao(new Date(), 40, 390);
negociacao._quantidade = 38;
console.log(negociacao._quantidade);Depois que fizer essas mudanças, rode o npm run compile para gerar a pasta js e teste.
Espero ter ajudado.