Los errores del lado del cliente para nuestra aplicación se rastrean a través de Rollbar. Seguimos recibiendo este error que no es muy útil de Safari y Chrome:
[unhandledrejection] error getting `reason` from event Rastreé esto hasta Rollbar JS, donde finalmente crea este mensaje cuando no puede descubrir el error dentro del unhandledrejection de eventos de rechazo no controlado.
function captureUnhandledRejections(window, handler, shim) { if (!window) { return; } if (typeof window._rollbarURH === 'function' && window._rollbarURH.belongsToShim) { window.removeEventListener('unhandledrejection', window._rollbarURH); } var rejectionHandler = function (evt) { var reason, promise, detail; try { reason = evt.reason; } catch (e) { reason = undefined; } try { promise = evt.promise; } catch (e) { promise = '[unhandledrejection] error getting `promise` from event'; } try { detail = evt.detail; if (!reason && detail) { reason = detail.reason; promise = detail.promise; } } catch (e) { // Ignore } if (!reason) { reason = '[unhandledrejection] error getting `reason` from event'; } if (handler && handler.handleUnhandledRejection) { handler.handleUnhandledRejection(reason, promise); } }; rejectionHandler.belongsToShim = shim; window._rollbarURH = rejectionHandler; window.addEventListener('unhandledrejection', rejectionHandler); }¿Alguien ha visto de qué se trata esto?
Esto solo significa que este script ha manejado una Promesa que fue rechazada con un valor falso.
var handler = { handleUnhandledRejection( reason, promise ) { console.log( reason, promise ); } }; var rejectionHandler = function (evt) { var reason, promise, detail; try { reason = evt.reason; } catch (e) { reason = undefined; } try { promise = evt.promise; } catch (e) { promise = '[unhandledrejection] error getting `promise` from event'; } try { detail = evt.detail; if (!reason && detail) { reason = detail.reason; promise = detail.promise; } } catch (e) { // Ignore } if (!reason) { reason = '[unhandledrejection] error getting `reason` from event'; } if (handler && handler.handleUnhandledRejection) { handler.handleUnhandledRejection(reason, promise); } }; window.addEventListener('unhandledrejection', rejectionHandler); const buttons = document.querySelectorAll("button"); buttons[ 0 ].onclick = (evt) => { Promise.reject(false) }; buttons[ 1 ].onclick = (evt) => { Promise.reject(true) }; <button>reject with falsey reason</button> <button>reject with truthy reason</button> Pero este controlador no evita el comportamiento predeterminado del evento, por lo que aún debería recibir el mensaje de error no controlado predeterminado en la consola con el seguimiento correcto de la función que rechazó esta Promesa con una razón falsa.
Si no lo tiene, significa que algo más está manejando este evento (y llama a preventDefault() ).
Puede administrarlo insertando en la parte superior de su página su propio controlador que llamaría a evt.stopImmediatePropagation() (tenga en cuenta que la capture no ayuda en window , debe adjuntar su controlador antes del malo).
// before any other script runs window.addEventListener('unhandledrejection', (evt) => evt.stopImmediatePropagation() ); // The one that would hide our trace function badHandler(evt) { evt.preventDefault(); } window.addEventListener('unhandledrejection', badHandler); // let's make up a trace to follow document.querySelector("button").onclick = (evt) => { triggerSomethingRejecting(); }; function triggerSomethingRejecting() { [0].forEach(() => Promise.reject(false) ); } <button>reject</button> <pre> Check your browser's console to see the trace of the unhandled Promise </pre>