#internet-explorer #iis #angular-material #icons #angular7
#internet-explorer #iis #angular-материал #Значки #angular7
Вопрос:
У меня проблема с отображением mat-иконок в моем приложении asp.net-mvc с интерфейсом на основе Angular 7.
Проблема действительно странная, потому что, когда я пытаюсь открыть свое приложение на localhost с помощью Internet Explorer, оно работает правильно. Но когда я развертываю его на сервере IIS, он ведет себя иначе, чем на localhost. На самом деле между ними есть только одно различие. Mat-иконки (я не знаю о других, потому что я еще не пробовал это), не отображаются браузером, и есть только огромный пробел, намного больший, чем размер значков на его месте.
Возможно, полезная информация заключается в том, что я заметил, что Explorer пытается открыть приложение в версии 7 вместо 11 по умолчанию, поэтому я добавил <meta http-equiv="X-UA-Compatible" content="IE=11"> . IE ведет себя действительно странно, когда я пытаюсь открыть приложение, развернутое на сервере, это трудно описать, но для примера.
Я заходил в консоль разработчиков, у меня были ошибки вроде:
Ошибка: объект не поддерживает привязку свойства или метода
Конечно, проблема не существует для других браузеров (даже Edge). Все работает корректно как на локальном хосте, так и на сервере. У вас есть какие-либо идеи, в чем проблема? Похоже, причина не в коде, потому что я развернул ветку 2 месяца назад, и она работала так же, и я почти уверен, что в январе она работала нормально. Возможно, это что-то о сервере и IIS, но я там ничего не менял, поэтому понятия не имею, что случилось с приложением.
Комментарии:
1. Подобные проблемы обычно вызываются настройками безопасности IE. Вы можете попробовать зайти в Настройки> Свойства обозревателя> Безопасность и убедиться, что защищенный режим выключен, а уровень безопасности низкий.
2. Также было бы полезно, если бы вы подробно описали, как вы импортируете значки материалов
3. Я не уверен на 100% прямо сейчас, но я думаю, что это включено в проект с помощью: import { AppMaterialsModule } from ‘../app-materials-module/app-materials.module’;
4. Изменение настроек не помогло. Это не имело бы никакого смысла, если бы оно работало правильно на одной вкладке (localhost) и неправильно на второй с сервера IIS.
5. Попробуйте добавить следующий код в idex.html . «<meta http-equiv=»X-UA-Совместимый» контент=»IE =edge»>». Если все еще не работает, вы можете попробовать повторно развернуть приложение на сервере.