인터넷 익스플로러 Symbol is undefined 문제 해결

 

최근 웹개발을 할때는 Angular, React, Vue 이 세 가지 프레임워크를 많이 이용합니다.

때로는, Typescript도 함께 사용하기도 하는데요,

 

이때 인터넷 익스플로러(IE)에서는 웹사이트가 동작하지 않는 경우가 종종 발생합니다.

에러를 확인해보면 Symbol is undefined 또는 Symbol이 정의되지 않았습니다. 라고 나오게 됩니다.

 

해당 문제는 babel-polyfill을 추가하면 해결할 수 있습니다.

 

해결방법

• babel-polyfill 설치
  • $ npm install babel-polyfill
• 웹사이트의 엔트리 파일 위치에 babel-polyfill을 추가 (index.js 또는 index.ts 등)
  • import 'babel-polyfill'

참조

• https://www.npmjs.com/package/babel-polyfill

 

모두 즐거운 코딩하세요~