angular.min.js.map não encontrado, o que é exatamente?

322

Quando carrego a página e verifico o console do chrome, encontro estes erros: insira a descrição da imagem aqui

o que exatamente são os arquivos de mapa em angular?

Fiz referência ao angular.min.js, mas não ao angular.min.js.map. Estou usando o angular 1.2 rc release a propósito e comecei a ver esses erros quando mudei para este release.

ERRORS:
GET http://localhost:44786/Scripts/angular-route.min.js.map 404 (Not Found)       :44786/Scripts/angular-route.min.js.map:1
GET http://localhost:44786/Scripts/angular-animate.min.js.map 404 (Not Found) :44786/Scripts/angular-animate.min.js.map:1
GET http://localhost:44786/Scripts/angular-resource.min.js.map 404 (Not Found) :44786/Scripts/angular-resource.min.js.map:1
GET http://localhost:44786/Scripts/angular.min.js.map 404 (Not Found) :44786/Scripts/angular.min.js.map:1

angularjs

— raberana
fonte

Eu não posso ler sua imagem, mas eu encontrei este: html5rocks.com/en/tutorials/developertools/sourcemaps

— ninMonkey

ah .. assim parece que este não é um evento exclusivo angular ... deixe-me primeiro lê-lo .. muito obrigado

— raberana

hey macaco, você pode responder à pergunta .. você está certo ..

— raberana

possível duplicata de sourceMappingURL de jquery gera 404 erro no apache

— Salvador Dali

Respostas:

385

Como eaon21 e monkey disseram, os arquivos do mapa de origem basicamente transformam o código minificado em sua versão não minificada para depuração.

Você pode encontrar os arquivos .map aqui . Apenas adicione-os no mesmo diretório que os arquivos js minificados e ele deixará de reclamar. A razão pela qual eles são buscados é o

/*
//@ sourceMappingURL=angular.min.js.map
*/

no final de angular.min.js. Se você não quiser adicionar os arquivos .map, poderá remover essas linhas e interromperá a tentativa de busca, mas se você planeja depurar, é sempre bom manter os mapas de origem vinculados.

— Jussi Kosunen
fonte

Você não precisa remover as linhas, como os arquivos .map só fica buscada com o Developer Console aberto :)

— NicoJuicy

É verdade, mas a pergunta original era especificamente sobre erros aparecendo nas ferramentas de desenvolvimento. Além disso, nunca é uma coisa ruim reduzir 404s desnecessários nos logs do servidor.

— Jussi Kosunen

De acordo comigo, não se trata dos logs do servidor, mas dos erros de cromo que ele recebe. Eu tenho que admitir, ele irá gerar logs do servidor e seu comentário é válido;)

— NicoJuicy

Se você tiver vários arquivos, como bootstrap.css, angular-messages.min.js, angular-route.min.js, etc., mesmo esses arquivos os conterão sourceMappingURLno final de cada um desses arquivos. A exclusão dessa linha em cada um desses arquivos eliminará as mensagens de erro traquinas no console do desenvolvedor.

— 11119 Devner #

No navegador Safari, estes problemas de caixa de erro JS: [Erro] Falha ao carregar o recurso: o servidor respondeu com um status 404 (Não encontrado) (angular.min.js.map, linha 0). obrigado por fornecer os links dos arquivos.

— Sinto

105

O macaco está certo, de acordo com o link fornecido pelo macaco

Basicamente, é uma maneira de mapear um arquivo combinado / minificado de volta para um estado não construído. Ao criar para produção, além de reduzir e combinar seus arquivos JavaScript, você gera um mapa de origem que contém informações sobre seus arquivos originais. Ao consultar um determinado número de linha e coluna no JavaScript gerado, você pode fazer uma pesquisa no mapa de origem que retorna o local original.

Não tenho certeza se é culpa da angular que nenhum arquivo de mapa tenha sido gerado. Mas você pode desativar os arquivos de mapa de origem desmarcando esta opção na configuração do console do chrome

insira a descrição da imagem aqui

— raberana
fonte

+1 para a configuração do console chrome; muito melhor do que editar a fonte ou ter que baixar os arquivos de mapa quando desnecessários.

— Jeremy Ferguson

+1 para isso mais de um ano depois. Bravo. Que mistério era esse cenário!

— bob.mazzo

No Chrome, as definições de diálogo Abrir por: Pressione F12 para abrir Developer Tools> clique no botão Configurações no canto superior direitoDeveloper Tools

— Tho

Existe uma configuração semelhante para o safari?

— user1872384