| Field | Value |
| .toString() | |
| .name | |
| .message | |
| .stack |
This website details the error when a fetch request gets cancelled in this browser.
Most browsers will cancel ongoing or queued fetch tasks, when unloading the document (spec). It usually happens when navigating away from the current page, which causes a fetch error if there is an unfinished request.
However, browsers are behaving differently and throwing different errors (listed below). It can be really annoying to differentiate them from normal errors if you are using Sentry to report client errors, or showing a “failed to fetch” hint in the UI.
If you want to reproduce this error by yourself, make sure you have DevTools opened and “Preserve Log” checked, then click /test. You will see a failed network request and a printed error in the console.
You can also find the source code of this website on GitHub.
| Field | Chrome 95 | Safari 14 | iOS Safari 14 | Safari 15 | Firefox 94 |
| .toString() | TypeError: Failed to fetch | TypeError: cancelled | TypeError: cancelled | TypeError: Load failed | TypeError: NetworkError when attempting to fetch resource. |
| .name | TypeError | TypeError | TypeError | TypeError | TypeError |
| .message | Failed to fetch | cancelled | cancelled | Load failed | NetworkError when attempting to fetch resource. |
| .stack | TypeError: Failed to fetch at ... |