[22-12-15 TIL] IE에서 react app 오류

IE를 통해 웹페이지에 방문하면 chrome 사용을 권장하는 페이지를 보여주는 작업을 수행했다. 기존에는 IE에서 오류가 나고 있었다.

오류1

❗ SCRIPT5009: 'Symbol'이(가) 정의되지 않았습니다.

바벨(Babel)은 source to source compiler입니다. 바벨은 ES6 코드를 ES5 코드로 변환하는 구문 변환(syntax transform)을 수행합니다.
폴리필(Polyfill)은 구형 브라우저에서 지원하지 않는 기능을 제공하는 코드를 의미합니다

polyfill에 관련된 것을 설치해보고자 babel-polyfill을 설치했다.
npm install babel-polyfill
index.ts에 추가했는데 맨위에 import한게 아니라서 그런것인지 [오류2]가 나왔다.

---

오류2

❗ SCRIPT5007: 정의되지 않음 또는 null 참조인 'set' 속성을 가져올 수 없습니다

찾아보니 'react-app-polyfill'도 있었다.

npm i react-app-polyfill

index 파일 최상단에 import를 추가해야된다 한다.

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

추가했더니 해결됐다.

---

참고

참고 사이트1 - barbel, polyfill

참고 사이트2 - Symbol is undefined