React開発をしている際にCSS-in-JSのライブラリとして私はstyled-componentsを好んで使います。

が、

IE11ではそのままでは動きません。

はい、問題児IE君です。。

対応方法を書いておきます。

IEでstyled-componentsを使うための設定

必要なライブラリは以下の2つです。

react-app-polyfill
core-js

yanr もしくは npm で上記ライブラリをインストールし、index等のファイルに下記の設定を追加します。

そしてもう1つ、package.jsonのbrowserslistにie 11を追加します

これでIE11でも正常にstyled-componentsが使用できるようになります。

それでは!また!!

最後まで読んで頂きありがとうございます!
人気の記事だけ集めたので是非覗いていってください^^

 厳選!目的別にオススメ記事を紹介-あなたの欲しい情報がここに-