Create-react-app 프로젝트를 진행하는데
IE브라우저를 지원해야한다면 필요한 것들을 정리합니다.
react-app-polyfill
을 사용하라고 안내하고 있습니다. react-app-polyfill
패키지를 설치합니다.ie9
, ie11
, stable
모듈을 import 합니다. // These must be the first lines in src/index.js
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
SCRIPT 1003
에러 해결
core-js
와 regenerator-runtime
설정으로는 해결되지 않았습니다./** <strong i="5">@jsxRuntime</strong> classic */
을 추가하거나 환경변수로 DISABLE_NEW_JSX_TRANSFORM=true
을 설정하는 방법을 추천했지만 해결되지 않았습니다.react-scripts
버전이 3.3.0 이상일 경우 문제가 생기는 것 같다는 내용을 확인하여, react-scripts@3.2.0
로 다운그레이드 했습니다. 이 방법으로 해결 가능했지만, React
를 필수로 import 해야하는 번거로움이 생깁니다."browserslist": {
"production": [
"defaults",
"not dead",
"> 1% in KR",
"ie 9-10"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 9-10"
]
},
last 2 versions
, > 1% in KR
과 같이 쿼리로 정의한 브라우저들의 목록을 확인하려면 npx browserslist
명령어를 사용할 수 있습니다.