Currently, I am in the midst of an Angular project that heavily relies on PrimeNg for various components.
While everything runs smoothly when testing the project locally across all browsers (including IE11 and Chrome), a hiccup arises once the project is deployed onto a Linux server. It seems that the PrimeNg icons fail to display as intended.
Upon investigating further, it has come to my attention that the CSS entities specified in the PrimeNg CSS files (refer to the snippet below) do not load properly in IE11 on the server.
.pi-exclamation-triangle:before {
content: "\e922";
}
.pi-calendar:before {
content: "\e927";
}
In an attempt to resolve this issue, I have inserted the following line into Index.html:
<meta http-equiv="X-UA-Compatible" content="ie=edge">
Furthermore, adjustments were made to polyfills.ts:
** For compatibility with IE9, IE10, and IE11, the following polyfills are essential. **/
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';
If you have any valuable insights or suggestions regarding this matter, please feel free to share them!