How to run an angular app in IE?

Photo by Caspar Camille Rubin on Unsplash

Getting a white page on your IE screen? Worry not!!!

We will follow the following steps to run the app on dev:

  1. Uncomment few imports in the pollyfills.ts file.
  2. Install few npm packages
  3. Modify the browserslist file
  4. Modify tsconfig.json file

Pollyfills.ts imports

You will find this file here \src\pollyfills.ts. You need to un-comment the imports for the classlist.js and web-animations-js.

Install npm packages

You need to install the npm packages which we just un-commented by running the following two commands.

Modify the browserslist file

You will find this file inside the root of the project. The default browserslist file is something like this:

You need to remove the ‘not’ from the last line which will look like this,

Modify tsconfig.json file

You will find this file inside the root of the project. The default tsconfig.json is something like this.

Internet Explorer doesn’t automatically generate the ES5 bundle. So we need to change the target to :

Now run the ng serve command and here you go. You will see the application running successfully on internet explorer.

You can skip the last step if you want to run on production ( ng build — prod).

Thank you ✨✨

Happy coding !!

--

--

--

An inquisitive person. A learner.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Best Guide to Hire Dedicated Angular JS Developer

Angular Element: How to use Angular components in React Vue Js ?

Photo by Esteban Lopez on Unsplash

Building an Event Registration USSD with Africa’s Talking, NodeJS, Mongo and Docker

Angular:Passing data in and out of Dynamic Components created using ngComponentOutlet

Compiler vs Transpiler

Upload files to Amazon S3 from the browser using pre-signed post (Laravel, Nuxt.js)

Top 5 Css Methodologies in 2021

Making a simple re-usable modal dialog system using vanilla JavaScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
VANDANA GUPTA

VANDANA GUPTA

An inquisitive person. A learner.

More from Medium

Dynamically enable/disable form validators with angular 13

Google Authentication in Angular

Angular 12 and Firebase Cloud Messaging (FCM) 9

Using Firebase with Angular Applications — Beginners Guide