Ajax Load Error: ReferenceError: fetch가 정의 되지 않았습니다.

상황

• 크롬,엣지에서는 데이터 호출이 되었지만 ie에서는 데이터 호출이 되지않는 문제가 발생하였습니다.

해결방법

• 처음에 해당 소스코드가 async await으로 코드가 작성되어있어 ie에도 사용이 가능한 fetch로 소스코드를 변경하고 하였지만 동일하게 호출이 되지 않는 문제점이 있었습니다. 기존의 es6로 되어있는 코드를 변경하기 보단 <script ='text/babel'>을 이용하여 기존 코드를 유지하고, 대신에 fetch에 대한 에러코드를 검색하여 찾은 솔루션 중 하나인 fetch.umd.min.js의 cdn을 가져와서 import 하였습니다.

결과

• 크롬,엣지와 동일하게 데이터 호출이 되었습니다.

느낀점

• 일반적인 코드 에디터로 핸들링 할 수 없고 웹 사이트내에 코드를 작성해야 되는 제한적인 에디터라 script와 cdn을 사용하였지만, 기존에서 적용할 때도 동일하게 해당 라이브러리를 npm으로 import하여 사용하면 될 거 같았으며, 결론은 ie는 최악이다 라는 생각만..들었습니다.

참고

• stackOverflow

• 갓대희의 작은공간