Я хочу встроить изображения SVG в один из моих угловых компонентов.Во-первых, вопреки здравому смыслу, я включил изображения SVG с помощью тега "img", и он работал в Chrome без каких-либо проблем, но не отображался в Edge.
Затем я понял, что вы встраиваете изображения SVGприменив тег «object», и я сделал следующее:
<object type="image/svg+xml" data="assets/img/svg/blur_on_white.svg"></object>
Теперь изображение SVG отображается в Chrome и Edge, но в Chrome, похоже, есть некоторые проблемы со встроенным MIME-типом image / svg-xml".
После загрузки компонента Chrome возникает проблема" Uncaught TypeError: Невозможно прочитать свойство 'getElementsByTagName' с нулевым значением в getAppInternalsScript ".
Я заглянул в упомянутый метод "getAppInternalsScript" и заметил, что Chrome пытается получить скрипты из элемента "head" встроенного SVG-изображения.Насколько я знаю, SVG-изображения не имеют и не нуждаются в элементе «head».
Теперь мне интересно, какова основная причина этой проблемы и как я могу от нее избавиться.
Даже если изображения отображаются правильно, я бы хотел исправить эту проблему, поскольку она затопляет консоль, и в будущем я мог бы пропустить некоторые более серьезные проблемы.
Обновление
СредаНастройка:
- Угловой интерфейс командной строки: 7.0.5
- Узел: 8.12.0
- ОС: Windows 10 (64-разрядная версия) - версия 1803
- Chrome: 72.0.3626.81 (официальная сборка) (64-разрядная версия)