Ошибка в vivus.min.js
После подключения, анимация работала и ошибки не было, но после переноса на wordpress, появилась ошибка
vivus.min.js?ver=1:124 Uncaught Error: Vivus [constructor]: "element" parameter is not valid (or miss the "file" attribute)
at i.setElement (vivus.min.js?ver=1:124)
at new i (vivus.min.js?ver=1:13)
at arrowAnim.js?ver=1.0.0:1
Подключение скриптов правильное, все остальные скрипты работают, но ошибка остается.
Первый пункт ошибки в этом коде:
switch (e.constructor) {
case window.SVGSVGElement:
case window.SVGElement:
case window.SVGGElement:
this.el = e, this.isReady = !0;
break;
case window.HTMLObjectElement:
r = this, (t = function(t) {
if (!r.isReady) {
if (r.el = e.contentDocument && e.contentDocument.querySelector("svg"), !r.el && t) throw new Error("Vivus [constructor]: object loaded does not contain any SVG");
r.el && (e.getAttribute("built-by-vivus") && (r.parentEl.insertBefore(r.el, e), r.parentEl.removeChild(e), r.el.setAttribute("width", "100%"), r.el.setAttribute("height", "100%")), r.isReady = !0, r.init(), r = null)
}
})() || e.addEventListener("load", t);
break;
default:
throw new Error('Vivus [constructor]: "element" parameter is not valid (or miss the "file" attribute)')
}
Второй пункт ошибки вот тут
function i(t, e, n) {
r(), this.isReady = !1, this.setElement(t, e), this.setOptions(e), this.setCallback(n), this.isReady && this.init()
}
А код с подключением анимации вот этот:
const arrowAnim = new Vivus(
'arrow',
{
type: 'oneByOne',
duration: 70
}
);
const arrowAnim2 = new Vivus(
'arrow2',
{
type: 'oneByOne',
duration: 70
}
);
Как можно убрать эту ошибку и чтобы анимация заработала?
Код HTML до загрузки на WP
<object id="arrow" type="image/svg+xml" data="./img/svg/arrow__form.svg" class="arrow__form1"></object>
<object id="arrow2" type="image/svg+xml" data="./img/svg/arrow__form2.svg" class="arrow__form2"></object>
Код HTML после загрузки на WP
<object id="arrow" type="image/svg+xml" data="<?php echo get_stylesheet_directory_uri(); ?>/assets/img/svg/arrow__form.svg" class="arrow__form1 cursor-btn"></object>
<object id="arrow2" type="image/svg+xml" data="<?php echo get_stylesheet_directory_uri(); ?>/assets/img/svg/arrow__form2.svg" class="arrow__form2 cursor-btn"></object>
После изменил на прямой путь и ничего не помогло
<object id="arrow" type="image/svg+xml" data="/wp-content/themes/WebFocus%20-%20Krasnodar/assets/img/svg/arrow__form.svg" class="arrow__form1 cursor-btn"></object>
<object id="arrow2" type="image/svg+xml" data="/wp-content/themes/WebFocus%20-%20Krasnodar/assets/img/svg/arrow__form2.svg" class="arrow__form2 cursor-btn"></object>