fetchが定義されていませんとかのエラーはpolyfillかCDNで対処しよう

今回はさらっとIEのエラー対処について。

jsonを扱う際にfetchを使ってデータを取得しているのですが、どうやらIEだとpromiseやfetchが使えないようなんですね。

ということで、まず簡単なCDNから。

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.3.1/es6-promise.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.4/fetch.min.js"></script>

これらを読み込むと、IEでもしっかりfetchとpromiseを利用することができます。

そして、もう一つの方法がpromiseとfetchのpolyfillを読み込む、という方法。

こちらはみんな大好き「npm install」でパッケージをインストールします。

npm install fetch-polyfill  es6-promise

で、jsではこのようにimportしてあげれば大丈夫です。

import "es6-promise/auto";
import "fetch-polyfill";

promiseを変数名に定義しないといけない場合もあるようですが今回はこのような記述でなんとかなりました。

IEもうやだ。。。