Nuestro admite la carga de mapas de origen.
La compatibilidad con mapas de origen es principalmente útil para "decodificar" JavaScript minimizado. JavaScript minimizado genera un error de rastreo del stack en su mayoría inútil en la página Errors del browser. La carga de mapas fuente convierte estos errores en un rastreo del stack comprensible, con referencias útiles a las líneas de código. Esta característica también puede resultar útil para código JavaScript empaquetado o transpilado.
Browser le ofrece dos opciones para utilizar mapas de origen:
- Cargar mapas de origen a través de la browser UI
- Publicar mapas fuente en browser a través de la API
Este documento explicará el primer método: cómo cargar mapas de origen a través de la UI, junto con ayuda general para la resolución de problemas. Para obtener instrucciones sobre el uso del método API, consulte Enviar mapas fuente a través de la API.
Importe mapas de origen a través de la UIde New Relic
Puede arrastrar y soltar, o cargar, un archivo de mapa de origen en la browser UI para asociarlo con un archivo JavaScript específico. New Relic luego convertirá el rastreo del stack minificado en una traza no minificada y un código fuente visible en la página de Errores.
Descargue su mapa fuente en su máquina local.
Vaya a
one.newrelic.com > All capabilities > Browser > (select an app) > Errors
y luego haga clic en un grupo de errores. (No seleccione un grupo etiquetado como
Errors without a stack trace
.)
En la sección
Stack trace
, haga clic en
Upload source map
.
En la ventana emergente del buscador de archivos, seleccione su archivo fuente. Un cuadro de error con una franja gris en el lado izquierdo indica JS minimizado. Una franja azul indica que se le ha aplicado un mapa fuente.
Otras características del marco de error JS incluyen:
If you want to... | Do this... |
|---|---|
Ver más del código circundante | Seleccione |
Ver información del archivo original y minimizado |
|
Eliminar un mapa de origen | Desde un marco de rastreo del stack expandido, seleccione Remove file. |
Resolución de problemas
El rastreo del stack todavía está minificado
Si has subido mapas fuente a New Relic y aún ves el rastreo del stack minimizado, hay algunas cosas que debes verificar. Usar la API es la mejor manera de investigar problemas potenciales, enumerando o eliminando mapas fuente publicados.
Typical problems | Troubleshooting tips |
|---|---|
La URL no coincide | Cada cuadro en el rastreo del stack está asociado con una URL de JavaScript específica. Esa URL debe coincidir con la URL de JavaScript que se utilizó al publicar el mapa de origen. Asegúrese de que estas URL coincidan exactamente. |
El nombre de la versión/ID no coincide | Si la URL de JavaScript no tiene una versión cuando implementa sus recursos de interfaz, se debe especificar un nombre de versión y un ID de versión utilizando el método API |
Error 409: | Si se carga un archivo de mapa de origen para una URL de JavaScript en particular sin especificar un nombre de versión o ID, New Relic trata la URL como un identificador único. Para resolver esto, elimine el mapa de origen que tiene un nombre de versión y valores de ID NULL y vuelva a cargar todas las versiones para esa URL, incluidos esos parámetros. Esto permitirá múltiples versiones de mapas fuente para una URL JS particular. |
Falta | Su archivo de mapeo debe contener el componente Si no se agrega el componente |
No se pueden generar mapas de origen
¿Tiene problemas incluso para generar mapas fuente? Cada sistema de compilación tiene sus propias instrucciones para generar mapas fuente. Para obtener detalles más específicos, consulte la documentación de su herramienta en particular. A continuación se muestran instrucciones de generación de mapas fuente para dos sistemas de compilación populares: