Я работаю над индивидуальной темой BigCommerce, используя Cornerstone в качестве отправной точки для настройки. Я использовал CLI для добавления библиотек JavaScript через NPM.
После этого сборка компилируется без ошибок и запускается в моем локальном хост-окружении, но в консоли возникает ошибка, которая не позволяет моему jQuery работать.
Ошибка находится в скомпилированном Stencil файле, который называется datatags.js
Мой JS не самый сильный, поэтому буду признателен за любые советы по этому вопросу.
Я протестировал свои функции JS как работающие нормально, добавив библиотеку jQuery в качестве связанного ресурса на <head>
страницы через их CDN.
Проблема, похоже, возникла после установки jQuery через NPM. Ошибка вызвана a.ready(function()
в строке 5 фрагмента кода ниже.
window.initDataTags = function(o, i, a) {
const r = ["data-banner-id", "data-entity-id", "data-event-type", "data-list-name", "data-name", "data-position", "data-product-brand", "data-product-category", "data-product-price", "data-product-sku", "data-product-variant", "data-currency-code"].concat(o).concat(i);
t = o,
n = i,
a.ready(function() {
setTimeout(function() {
const t = [];
c(document.body.querySelectorAll(u), function(n) {
t.push(n)
}),
d(t, a),
new MutationObserver(function(t) {
const n = [];
function o(t) {
e(t, u) && n.push(t),
c(t.querySelectorAll(u), function(t) {
n.push(t)
})
}
c(t, function(t) {
"childList" === t.type ? c(t.addedNodes, function(t) {
t instanceof Element && o(t)
}) : "attributes" === t.type && o(t.target)
}),
d(n, a)
}
).observe(document.body, {
childList: !0,
attributes: !0,
subtree: !0,
attributeFilter: r
})
}, 100)
})
}
Ошибка консоли:
Uncaught TypeError: Невозможно прочитать свойство 'ready' из неопределенного.
Я не могу поделиться URL-адресом, так как он работает в моей локальной среде.