0
337
Views¿Cómo identificar la causa raíz del error XHR esporádico 0 (Error de red)?
Ejecuto un SaaS y usamos LogRocket para monitorear las pantallas de los clientes para que sea más fácil solucionar los problemas cuando las cosas salen mal. Un problema que ha sido muy esquivo últimamente es un "error 0".
Todo lo que Sentry registra es "Error de red", que no es útil, y una respuesta 0 de una solicitud XHR PATCH . Así es como se ven las llamadas a la API realizadas desde el navegador del cliente en LogRocket:
Esto es lo que encuentro desconcertante: hay llamadas exitosas anteriores a la API (AWS API Gateway, por cierto). Y cuando observo la pantalla del usuario en el momento de ese error, no hay ningún tipo de interrupción, como una recarga de página o el usuario cerrando la pestaña, que creo que son las razones típicas del error 0.
Esto es totalmente esporádico. Estoy buscando algún consejo sobre cómo averiguar qué está causando esto, porque estoy perdido aquí. ¡Gracias!
1 answers
Answer question0
Si en realidad es un aborto lo que está causando esto, esto puede ayudarlo a capturarlo.
const trigger = document.getElementById("trigger"); const display = document.getElementById("display"); const toggle = document.getElementById("toggle"); const url = "https://api.coingecko.com/api/v3/exchanges?per_page=500"; trigger.addEventListener("click", sendRequest); async function sendRequest() { const controller = new AbortController(); const { signal } = controller; let timerId; if (toggle.checked) timerId = setTimeout(() => controller.abort(), 20); try { const response = await fetch(url, { signal }); console.log(response); display.innerText = response.status; } catch (err) { console.log(err); display.innerText = err; } if (timerId) clearTimeout(timerId); } <button id="trigger">Start</button> <label for="toggle">Show abort</label><input type="checkbox" id="toggle" /> <div id="display"></div>