Блог

Я работаю над проектом Angular и использую PrimeNG для многих компонентов.

Проект отлично работает при локальном запуске во всех браузерах (IE11, Chrome). Но когда я развертываю проект на сервере (Linux), значки primeng не отображаются.

Я провел некоторое исследование, и оказалось, что объекты CSS, определенные в файлах primeng css (см. Ниже), не загружаются в IE11 на сервер.

 .pi-exclamation-triangle:before {
    content: "e922";
}

.pi-calendar:before {
    content: "e927";
}
  

Я добавил эту строку в Index.html

 <meta http-equiv="X-UA-Compatible" content="ie=edge">
  

а также обновленный файл 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';
  

Любые предложения будут оценены.

Я вижу ваше упоминание «файлы primeng css (см. Ниже) не загружаются в IE11 на сервер«.

Я нашел некоторые обходные пути или предложения в следующей теме — Github

1. Пожалуйста, проверьте другую машину или сбросьте настройки IE, а также ограничения групповой политики.

2. Проверьте настройки безопасности вашего IE, они должны разрешать загрузку шрифтов.

Надеюсь, это поможет.,