Javascript
[React] IE 11에서 create-react-app 프로젝트 실행 시 SCRIPT1002 오류 해결법
노력남자
2020. 6. 7. 17:56
반응형
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 재구동
읽어 주셔서 감사합니다.
출처
반응형