React IE 대응

- react-scripts 버전 3.2.0으로 다운그레이드

• npm i react-scripts@3.2.0

- package.json browserslist에 추가

"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "ie >= 10",
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie >= 10",
    ]
  },

- react-app-polyfill 모듈 설치

• npm i react-app-polyfill
  
  

- IE10에서 아래와 같은 오류 발생 시, core-js 모듈 설치

• npm i core-js
• 실제 아래와 같이 적용해도 production 환경에서는 잘 되지만, localhost에서는 여전히 오류가 발생한다. 원인 확인 필요

// index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import 'core-js';
import 'core-js/es/set';
import 'core-js/es/map';