私は<code>axios.get()</code>呼び出しの束を作成し、先に進む前に、彼らそのすべてのリターンを確保するため、同様にして<code>Promise.all()</code>を使用しています

Question

：

Promise.all([getJSON1(), getJSON2()]) 
    .then((arr) => { 
     var data = { 
      json1: arr[0], 
      json2: arr[1] 
     }; 

     return data; 
    }); 

機能getJSON1()とgetJSON2()外観以下のような：WebPACKのは、そのことをやって行われたときに

function getJSON1() { 
    return axios.get('json1-url.json'); 
} 

これがすべてと交換axiosフェッチた場合しかし、私は思ったんだけど、正常に動作しているが、私の最後のbundle.jsの大きさを低減するであろう。

私はfetch polyfillを試して、this blogに従ってwebpackと統合していますが、調整する方法がわかりません。getJSON1()はフェッチを使用します。私は、次のことを試してみました：

function getJSON1() { 
    return fetch('json1-url.json'); 
} 

これはTypeError例外になります。オブジェクトは、（ '新しい約束' をevaulating）コンストラクタではありません

Answer 1

We can call the fetch method like this , hope it may help you:-

function getJSON1() { 
    return fetch('json1-url.json') 
     .then((response) => response.json()) 
     .then((responseJson) => { 
     return responseJson; 

     }) 
     .catch((error) => { 
     console.error(error); 
     }); 
}