2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Reactで作った画面がIEで表示されないとお悩みの方

Last updated at Posted at 2021-03-31

IE11対応しろと言われたがなぜかReactで表示されない方へ

これで悩んでいる方は緊急性の高い状態でお悩みな気がするのでさっさと書きます。:mask:

npm install react-app-polyfillでpolyfillを追加

index.jsの先頭にimport 'react-app-polyfill/ie11'及びimport 'react-app-polyfill/stable'の2つを追加

おそらくここで止まってあれできないとなっている方が多いと思います(特に最近の方)。:cold_sweat:

このあとが重要なのですが、package.json 内にある"react-scripts": "のバージョンが"3.2.0"以上の方はこれだけでは表示されません

そのpackage.jsonの中の下にある"browserslist"の中にieを追加する必要があります。

画像をとりあえず貼っておくので、"browserslist"をこの通りにしていただければ大丈夫です。

![1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/662158/ec3e5b25-107d-be29-19c8-727b46edfc5c.png)

以上。なんとかなったことを祈ります:smile:

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?