polyfills

Angular4 Application running issues in IE11

by

To add more detail to @Zeqing’s answer. I uncommented the following line of codes in .\my-app\src\polyfills.ts : /** IE9, IE10 and IE11 requires all of the following polyfills. **/ import ‘core-js/es6/symbol’; import ‘core-js/es6/object’; import ‘core-js/es6/function’; import ‘core-js/es6/parse-int’; import ‘core-js/es6/parse-float’; import ‘core-js/es6/number’; import ‘core-js/es6/math’; import ‘core-js/es6/string’; import ‘core-js/es6/date’; import ‘core-js/es6/array’; import ‘core-js/es6/regexp’; import ‘core-js/es6/map’; import ‘core-js/es6/set’;

How do I support Internet Explorer in an Angular 8 application?

by

According to this issue reply You need to follow the following steps Create a new tsconfig tsconfig.es5.json next to tsconfig.json with the below contents { “extends”: “./tsconfig.json”, “compilerOptions”: { “target”: “es5” } } In angular.json Under projects:yourAppName:architect:build:configurations, add “es5”: { “tsConfig”: “./tsconfig.es5.json” } and projects:yourAppName:architect:serve:configurations add “es5”: { “browserTarget”: “yourAppName:build:es5” } Remember to change yourAppName … Read more

IE11 – does a polyfill / script exist for CSS variables?

by

Yes, so long as you’re processing root-level custom properties (IE9+). GitHub: https://github.com/jhildenbiddle/css-vars-ponyfill NPM: https://www.npmjs.com/package/css-vars-ponyfill Demo: https://codepen.io/jhildenbiddle/pen/ZxYJrR From the README: Features Client-side transformation of CSS custom properties to static values Live updates of runtime values in both modern and legacy browsers Transforms <link>, <style>, and @import CSS Transforms relative url() paths to absolute URLs Supports chained … Read more

How do I install the babel-polyfill library?

by

This changed a bit in babel v6. From the docs: The polyfill will emulate a full ES6 environment. This polyfill is automatically loaded when using babel-node. Installation: $ npm install babel-polyfill Usage in Node / Browserify / Webpack: To include the polyfill you need to require it at the top of the entry point to … Read more

What is the difference between a shim and a polyfill?

by

A shim is any piece of code that performs interception of an API call and provides a layer of abstraction. It isn’t necessarily restricted to a web application or HTML5/CSS3. A polyfill is a type of shim that retrofits legacy browsers with modern HTML5/CSS3 features usually using Javascript or Flash. Answering your specific question, call … Read more