Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Erro "DevTools failed to load SourceMap"

Referente ao curso Angular parte 2: Autenticação, Forms e lazy loading, no capítulo O componente para login e atividade Projeto da aula

por Evandro Luiz Dugnani
| 39.8k xp | 7 posts

Boa noite. Estou iniciando a parte 2 do curso de Angular (fiz a parte 1 no ano passado) e como primeira ação baixei o projeto c onforme indicado. Executei o "npm install" no diretório "alurapic" correspondente e depois executei o comando "ng serve --open". Ambos comandos não apresentaram erros, porém ao acessar http://localhost:4200 aparece no browser a msg "This page is not available. The link you have accessed may be broken or the page may have been removed."

Ao analisar com o DevTools aparece a seguinte mensagem no console:

"DevTools failed to load SourceMap: Could not load content for http://localhost:4200/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE"

Alguém sabe o que pode estar ocorrendo de errado?

3 respostas
por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Evandro, tudo bem?

Esse aviso não desabilita nada do seu código. Esse é um warning que ocorre pois o código fonte do CSS/JS geralmente é minificado/compactado. Você pode seguir esse passo a passo que também segui para para adicionar o suporte do navegador a esse warning: https://stackoverflow.com/questions/36051891/esri-failed-to-parse-source-map

por Evandro Luiz Dugnani
| 39.8k xp | 7 posts

Bom dia Laís, obrigado pela resposta. Mas na verdade não é um warning de compilação, a página apresenta o erro "This page is not available. The link you have accessed may be broken or the page may have been removed." E nada do sistema é mostrado.

solução!
por Evandro Luiz Dugnani
| 39.8k xp | 7 posts

Apenas para informação: meu problema era que a API que fornece os dados "de banco" para a aplicação Angular não estava sendo executada (a mensagem de erro poderia ser melhor pra eu não perder tempo procurando "pêlo em ovo"... rsrsrsrs) Fica a dica pro pessoal: não basta baixar apenas o projeto Angular, precisa baixar e colocar pra executar o projeto da API utilizado por essa aplicação Angular construída durante o curso (seria interessante ter essa observação na primeira aula da parte 2 desse curso de Angular). Essa API pode ser baixada na atividade 03 "(Obrigatório) Baixando e subindo o servidor da API" da Aula 03 "Integração com Web API's"... a explicação da utilização dessa API está na atividade anterior "02 - SPAs e consumo de API's"