[React] IE 11에서 create-react-app 프로젝트 실행 시 SCRIPT1002 오류 해결법

create-react-app 으로 만든 프로젝트를 IE 11에서 테스트해보니 갑자기 빈화면이 나와 콘솔을 보니 SCRIPT1002 에러가 발생해서 실행이 되지 않았던 것이였습니다.

 

이게 발생하는 이유는 IE 11에서 개발할 때 필요한 설정을 안해서 그런 것이였습니다. (망할 IE....)

 

 

1. react-app-polyfill 설치

 

npm i --save react-app-polyfill

 

2. index.js에 import react-app-polyfill/ie11, react-app-polyfill/stable 추가

 

/* 이 부분 추가 */
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
/* ---------- */
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

/* Render */

 

3. package.json 하단쯤에 있는 development에  "ie 11" 추가

 

"development": [
	"last 1 chrome version",
	"last 1 firefox version",
	"last 1 safari version",
	/* 이 부분 추가 */
	"ie 11"
	/* ---------- */
]

 

4. node_modules에 있는 .cache 폴더 삭제

 

 

5. IE 11 캐시 삭제 후 react 재구동 

 

 

읽어 주셔서 감사합니다.

 

출처

https://medium.com/@matwankarmalay/create-react-app-ie11-script1002-syntax-error-how-to-get-rid-of-it-d70000c53ddf