DOMException: La operación fue cancelada

Qué causa este error

Se llamó al método abort() de un AbortController, cancelando la petición fetch, el stream u otra operación abortable asociada. Este es el comportamiento esperado cuando cancelas operaciones intencionalmente.

Cómo solucionarlo

Si es intencional, maneja el AbortError de forma elegante comprobando error.name === 'AbortError'. Si no es intencional, verifica que tu AbortController no se esté disparando prematuramente. Aumenta los valores de timeout si usas AbortSignal.timeout().

const controller = new AbortController();
controller.abort();
fetch('/api', { signal: controller.signal });