반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트 코딩테스트
- ReactNative
- 스프링
- 이안의평일코딩
- typescript
- 정보처리기사
- react
- spring
- javascript
- 평일코딩
- 리액트
- 리액트네이티브
- 자바의정석
- 국비코딩
- 자스코테
- php
- 타입스크립트
- 국비IT
- 정보처리기사정리
- 자바스크립트
- 코딩테스트
- 정보처리기사요약
- VUE
- CSS
- 정보처리기사실기
- 정보처리기사실기정리
- 오라클
- 정보처리기사실기요약
- Oracle
- Java의정석
Archives
- Today
- Total
이안의 평일코딩
[React] 리액트 IE11 익스플로러 연동 크로스 브라우징 해결 본문
반응형
리액트 IE11 크로스 브라우징 문제 해결
Vue3로 신나게 개발을 완료하니 갑자기 익스플로러에서는 babel, polyfill을 이용해도 지원을 안해준다는 청천벽력같은 소리에 다시 React 고향으로 돌아왔다.
react-app-polyfill
먼저, 터미널에 react-app-polyfill을 설치한다. (개인적으로 yarn이 더 안정적이고 오류가 덜 떠서 추천)
yarn add react-app-polyfill
또는
npm install react-app-polyfill
package.json
development에 "ie 11"을 추가해준다.
index.js
react-app-polyfill/ie11과 /stable을 import해준다.
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import React from 'react';
import ReactDOM from 'react-dom';
...
node_modules/.cache
마지막으로 node_modules/.cache 폴더를 삭제하고(존재한다면) 다시 npm start로 실행해본다.
반응형
'Front-end > React' 카테고리의 다른 글
[React] 다양한 애니메이션 모듈 react-reveal (0) | 2021.05.12 |
---|---|
[React] 리액트 이미지 넣는 방법 (이미지 경로) (4) | 2021.05.11 |
[React] 리액트 설치와 초기 개발환경 셋팅 (0) | 2021.05.11 |
[React] boiler plate 로그인 & 회원가입 (0) | 2021.01.07 |
[React] Redux 기초 문법(2) - reducer, dispatch 함수 (1) | 2021.01.03 |
Comments