React.js프로젝트 IE11 지원환경 세팅

안타깝게도 리액트의 실행화면은 IE프라우저에서는 확인할 수가 없습니다. 그래서 별도의 지원모듈을 설치해줘야 하는데요. 콘솔창에서 해당 프로젝트 폴더로 이동하여 다음 코드를 입력합니다.

npm install react-app-polyfill

 

 

그리고 기본 React프로젝트 생성시 보여주는 index화면 내용에 해당하는 App.js파일을 열어 맨 상단에 아래 코드를 입력합니다.

import 'react-app-polyfill/ie11';
import "react-app-polyfill/stable";

 

 

 

그리고나서 프로젝트폴더 root에 있는 package-lock.json를 열어 브라우저리스트에 ie11을 추가해줍니다. 

 

 

 

그 다음, 프로젝트폴더 > node_modules에 있는 .cache폴더를 삭제합니다. 캐쉬폴더는 서버실행시 다시 생성되므로 삭제해도 문제없습니다.

 

마지막으로 Internet Explorer의 캐쉬를 모두 삭제한 후 서버를 재실행합니다.