Olá pessoal tudo bem, me deparei com este mesmo problema ao fazer o debugger em código typescript, na aula o instrutor fornece as configurações necessárias para configurar debugger com os seguintes passos:
-> adicionar a propriedade "sourceMap": true dentro de "compilerOptions" -> verificar dentro da pasta dist do projeto se foi adicionado arquivo com .map que faz o mapeamento do arquivo js referente ao ts. -> abrir o projeto no navegador e abrir a o devtools. -> com a aba console ativa pressionar as teclas ctrl + p. -> digitar o nome do arquivo ts a ser debugado, no caso da aula negociacoes-controller.ts -> Ao pesquisar o arquivo acontece um erro.
Neste ponto acontece o seguinte erro: Could not load content for http://localhost:3000/src/controllers/negociacao-controller.ts (HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Pesquisei pelo erro e encontrei a seguinte solução:
" **Isso porque o Chrome adicionou suporte para mapas de origem.
Vá para as ferramentas do desenvolvedor (F12 no navegador), selecione os três pontos no canto superior direito e vá para Configurações .
Em seguida, procure por Fontes e desabilite as opções:
"Habilitar mapas de origem JavaScript" "Habilitar mapas de origem CSS" Se você fizer isso, vai se livrar dos avisos. Não tem nada a ver com seu código. Verifique as ferramentas do desenvolvedor em outras páginas e você verá o mesmo aviso.** "
link da solução: https://stackoverflow.com/questions/61339968/error-message-devtools-failed-to-load-sourcemap-could-not-load-content-for-chr
Por mais monstruoso que seja a mensagem de erro sempre pesquise por que alguém já passou por problema parecido, esta solução resolveu pra mim.
