Я пару дней строил сайт на WP, и хотя раньше я использовал SVG Injector , сегодня я сталкиваюсь с новой ошибкой.Честно говоря, я понятия не имею, на что я здесь смотрю.
Мне было интересно, может ли кто-нибудь вообще помочь?
Chrome Dev Tools (Android)
jquery-1.12.4-wp.js:2 Uncaught Error: Syntax error, unrecognized expression: Attempted to inject a file with a non-svg extension: data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201%201'%3E%3C/svg%3E
at Function.ea.error (jquery-1.12.4-wp.js:2)
at ea.tokenize (jquery-1.12.4-wp.js:2)
at ea.select (jquery-1.12.4-wp.js:2)
at Function.ea (jquery-1.12.4-wp.js:2)
at Function.a.find (jquery-migrate.min-1.4.1.js:2)
at n.fn.init.find (jquery-1.12.4-wp.js:2)
at n.fn.init.a.fn.find (jquery-migrate.min-1.4.1.js:2)
at a.fn.init.n.fn.init (jquery-1.12.4-wp.js:2)
at new a.fn.init (jquery-migrate.min-1.4.1.js:2)
at n (jquery-1.12.4-wp.js:2)
Ошибка не говорит мне, какой элемент вызвал ошибку, что само по себе довольно раздражает, поскольку я использую SVG-инжектор в разных местах на странице.
«Подпорка», я могу загрузить страницу, как задумано, на рабочем столе, но не на мобильном по какой-либо причине.
Я преобразовал строку, которая выдавала ошибку, в читаемый формат, как показано, и поискал в моем каталоге файлов, но, к сожалению, не дал результатов;
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'></svg>
Может ли кто-нибудь указать мне правильное направление?
РЕДАКТИРОВАТЬ: 27 мая 2019 г. 16: 58
Я сузил ошибку до одного элемента ...
<div id="SVGNonStandardHeroShape" class="col-lg-7 svg-preloader">
<div class="px-lg-5">
<!-- SVG Illustration -->
<figure class="ie-non-standard-hero-shape">
<img class="js-svg-injector" src="<?php echo get_stylesheet_directory_uri() ?>/assets/svg/illustrations/non-standard-hero-shape.svg" alt="Image Description" data-img-paths='[
{"targetId": "#SVGNonStandardHeroShapeImg1", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"},
{"targetId": "#SVGNonStandardHeroShapeImg2", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"}
]' data-parent="#SVGNonStandardHeroShape">
</figure>
<!-- End SVG Illustration -->
</div>
</div>
РЕДАКТИРОВАТЬ: 27 мая 2019 г. 17: 06
Дальнейшее расследование сузилосьэто к следующему атрибуту ...
data-img-paths='[
{"targetId": "#SVGNonStandardHeroShapeImg1", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"},
{"targetId": "#SVGNonStandardHeroShapeImg2", "newPath": "<?php echo get_stylesheet_directory_uri() ?>/assets/img/others/AdobeStock_246070567-(900x900).png"}
]'
РЕДАКТИРОВАТЬ: 27 мая 2019 г. 17: 26
Для меня это оказался другой плагин, вызывающий проблему.WP Rocket пытался применить Lazy Load к внутренним изображениям.