DOMException: 操作が中止されました

このエラーの原因

AbortController の abort() メソッドが呼び出され、関連する fetch リクエスト、ストリーム、またはその他の中止可能な操作がキャンセルされました。意図的に操作をキャンセルする場合の正常な動作です。

修正方法

意図的である場合は、error.name === 'AbortError' を確認して AbortError を適切に処理してください。意図しない場合は、AbortController が早まってトリガーされていないか確認してください。AbortSignal.timeout() を使用している場合はタイムアウト値を増やしてください。

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