Faça upload de mapas de origem para desminificar erros de JS

Nosso suporta o upload de mapas de origem.

O suporte a mapas de origem é útil principalmente para "decodificar" JavaScript minificado. JavaScript reduzido resulta em rastreamento de pilha de erros praticamente inútil na página Errors do browser. O upload de mapas de origem converte esses erros em rastreamento de pilha compreensível, com referências úteis às linhas de código. Este recurso também pode ser útil para código JavaScript empacotado ou transpilado.

O browser oferece duas opções para usar mapas de origem:

Carregar mapas de origem através da interface do browser
Publique mapas de origem no browser por meio da API

Este documento explicará o primeiro método: como fazer upload de mapas de origem através da interface, juntamente com ajuda geral de resolução de problemas. Para obter instruções sobre como usar o método API, consulte Enviar mapas de origem por meio da API.

Importe mapas de origem através da interface do New Relic

Você pode arrastar e soltar ou fazer upload de um arquivo de mapa de origem na interface do browser para associá-lo a um arquivo JavaScript específico. O New Relic converterá o rastreamento de pilha minificado em rastreamento não minificado e código-fonte visível na página Erros.

Baixe seu mapa de origem em sua máquina local.
Vá para
one.newrelic.com > All capabilities > Browser > (select an app) > Errors
e clique em um grupo de erros. (Não selecione um grupo denominado
Errors without a stack trace
.)
Na seção
Stack trace
, clique em
Upload source map
.
No pop-up do localizador de arquivos, selecione seu arquivo de origem. Um quadro de erro com uma faixa cinza no lado esquerdo indica JS reduzido. Uma faixa azul indica que um mapa de origem foi aplicado.

Outros recursos de quadro de erro JS incluem:

If you want to...	Do this...
Veja mais do código circundante	Selecione `Show 10 more lines above/below` para visualizar o código antes ou depois do código no stack trace.
Veja informações originais e reduzidas do arquivo	Para informações de quadros individuais: Ao lado da linha e coluna de origem do quadro, passe o mouse sobre o elipse. Para dados brutos de todo o stack trace: na parte superior da guia de erro, selecione </> Raw .
Remover um mapa de origem	Em um quadro stack trace expandido, selecione Remove file.

Resolução de problemas

Rastreamento de pilha ainda está reduzido

Se você carregou mapas de origem para o New Relic e ainda vê o rastreamento de pilha reduzido, há algumas coisas a verificar. Usar a API é a melhor maneira de investigar possíveis problemas, listando ou excluindo mapas de origem publicados.

Typical problems	Troubleshooting tips
Incompatibilidade de URL	Cada quadro no stack trace está associado a um URL JavaScript específico. Esse URL deve corresponder ao URL JavaScript usado ao publicar o mapa de origem. Certifique-se de que esses URLs correspondam exatamente.
Incompatibilidade de nome/ID da versão	Se o URL JavaScript não tiver controle de versão quando você implantar seus recursos de front-end, um nome e um ID de versão deverão ser especificados usando o método de API`newrelic.addRelease` e também ao publicar seus mapas de origem. Certifique-se de que essas strings correspondam exatamente.
Erro 409: `Combination of javascriptUrl, releaseName, and releaseId must be unique`	Se um arquivo de mapa de origem para um URL JavaScript específico for carregado sem um nome de lançamento ou ID especificado, a New Relic tratará o URL como um identificador exclusivo. Para resolver isso, exclua o mapa de origem que tem nome de versão e valores de ID NULL e faça upload novamente de todas as versões para esse URL, incluindo esses parâmetros. Isso permitirá múltiplas versões de mapas de origem para um URL JS específico.
Componente `SourcesContent` ausente	Seu arquivo de mapeamento deve conter o componente `SourcesContent` para que o New Relic desminifique seu rastreamento de pilha. Se você carregou seu mapa com sucesso e ainda não está vendo o código não minificado, verifique o mapa de origem original deste componente. Se você não conseguir encontrá-lo, gere novamente o mapa de origem para que o componente seja incluído e carregue seu mapa no New Relic. Se o componente `SourcesContent` não for adicionado, um erro semelhante a `Whoops, that was the wrong file. Please try again.` aparecerá.

Não é possível gerar mapas de origem

Está tendo problemas até mesmo para gerar mapas de origem? Cada sistema de construção possui suas próprias instruções para gerar mapas de origem. Para obter detalhes mais específicos, consulte a documentação da sua ferramenta específica. Abaixo estão as instruções de geração de mapas de origem para dois sistemas de construção populares:

Generate source maps using UglifyJS: Ao "enfeioar" os arquivos de origem, especifique um nome de arquivo de mapa de origem e inclua o conteúdo de origem original:

A partir da versão v3.12.5:

bash

$uglifyjs [source files]   \ 
>     -o bundle.min.js   \ 
>     -c -m
$     --source-map "includeSources=true"

Para versões mais antigas:

bash

$uglifyjs [source files]   \ 
>     -o bundle.min.js   \ 
>     --source-map bundle.min.js.map   \ 
>     --source-map-include-sources   \ 
>     -c -m

Generate source maps using Webpack: Na configuração do webpack de produção, basta especificar source-map para a propriedade config.devtool . A propriedade sourceMapFilename de config.output é opcional e o padrão é [name].js.map.

devtool: 'source-map', 
output: { 
     path: path.join(__dirname, 'dist'), 
     filename: '[name].js', 
     sourceMapFilename: '[name].js.map', 
},

Esta tradução de máquina é fornecida para sua comodidade.

Faça upload de mapas de origem para desminificar erros de JS

Importe mapas de origem através da interface do New Relic

Resolução de problemas

Rastreamento de pilha ainda está reduzido

Não é possível gerar mapas de origem

Gere mapas de origem com UglifyJS

Gere mapas de origem com webpack

Esta tradução de máquina é fornecida para sua comodidade.

Faça upload de mapas de origem para desminificar erros de JS

Importe mapas de origem através da interface do New Relic .css-21sua1{background:none;border:none;width:0;padding:0;}

Resolução de problemas

Rastreamento de pilha ainda está reduzido

Não é possível gerar mapas de origem

Gere mapas de origem com webpack

Importe mapas de origem através da interface do New Relic