AA (Application Architecture)

angular 11 - IE 익스플로러 11 적용하기

Ryan's Tech Note 2023. 3. 16. 01:16

(1) polifills.ts 를 열어서 2줄 주석 해제

import 'classlist.js'; // Run `npm install --save classlist.js`.

import 'web-animations-js'; // Run `npm install --save web-animations-js`.

 

(2) 설치

npm install --save classlist.js

npm install --save web-animations-js

 

(3) .browserslistrc 를 열어서 1줄 삭제후 아래 내용으로 변경

(기존)

not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

(변경후)

IE 9-11 # For IE 9-11 support, remove 'not'.

 

(4) tsconfig.json 에서 1줄 수정

(기존)

"target" : "es2015"

(변경후)

"target" : "es5"

 

끝. IE11 에서 잘된다.

 

참조 : dev.to/getamano/angular-8-x-9-x-internet-explorer-not-working-quick-solution-3ha7