JavaScript Fetch APIでの'body stream is locked'エラーの解決方法

このエラーの原因はいくつか考えられます。以下に、可能な原因とそれぞれの解決方法をいくつか示します。

Responseオブジェクトのボディストリームが既に使用されている場合:

const responseCopy = response.clone();
responseCopy.json().then(data => {
 // データの解析や処理を行う
}).catch(error => {
 // エラーハンドリングを行う
});

レスポンスのボディストリームが一度読み込まれている場合:
- ボディストリームは一度しか読み込むことができません。例えば、レスポンスのボディストリームを一度response.json()で解析してから、再び同じレスポンスのボディストリームを解析しようとすると、エラーが発生します。この場合、ボディストリームを再度取得する必要があります。
```
fetch('https://api.example.com/data')
 .then(response => {
   const responseCopy = response.clone();
   response.json().then(data => {
     // データの解析や処理を行う
   }).catch(error => {
     // エラーハンドリングを行う
   });
   responseCopy.json().then(data => {
     // 別のデータの解析や処理を行う
   }).catch(error => {
     // エラーハンドリングを行う
   });
 });
```
レスポンスのContent-Typeが正しく設定されていない場合:
- レスポンスのContent-Typeがapplication/jsonとして設定されていない場合、response.json()を使用してもエラーが発生します。この場合、代わりにresponse.text()を使用してレスポンスのテキストを取得し、手動でJSONパースする必要があります。
```
fetch('https://api.example.com/data')
 .then(response => {
   response.text().then(text => {
     const data = JSON.parse(text);
     // データの解析や処理を行う
   }).catch(error => {
     // エラーハンドリングを行う
   });
 });
```