Как убрать ошибки в девтулс на странице товара?

Ссылка скопирована
1 ответ

На странице товара в девтулс выскакивают ошибки связанные с jQuery.
На сайте стоит плагин который автоматически обновляет файл, обновил не помогло.
Пытался хедере местами поменять ссылки на js тоже не помогло.
Может подскажете куда копать?
Ссылка на любую страницу - https://xn--24-mlc6ano.xn--90ais/product/bur-po-be...

Как убрать ошибки в девтулс на странице товара?

ошибки в самих файлах:

Как убрать ошибки в девтулс на странице товара?

Как убрать ошибки в девтулс на странице товара?

Дополнительно:

Посмотрите порядок подключения ваших js файлов. jQuery должен подключаться ранбше всех, чтоб остальные могли использовать библиотеку.
Обратите внимание, что библиотека используется и в других файлах, но только в эих ошибки.

  • Может подскажешь как это можно сделать?
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Стас DB Ответ

Ошибки jQuery в DevTools на странице товара нужно разбирать не заменой ссылок в header, а по первой реальной ошибке в консоли. Часто одна ошибка ломает весь последующий JavaScript WooCommerce: вариации, корзину, галерею, вкладки, quantity и т.д.

Порядок проверки такой:

  • откройте Console и найдите самую первую ошибку сверху;
  • посмотрите, какой файл её вызывает: тема, плагин, минифицированный bundle, inline-скрипт;
  • во вкладке Network проверьте, нет ли 404/403 на JS-файлы;
  • временно отключите минификацию/объединение JS в кэширующем плагине;
  • проверьте страницу товара без кэша и в режиме инкогнито.

Если ошибка вида $ is not a function, значит код использует $ вне jQuery wrapper. В WordPress правильно так:

jQuery(function ($) {
  // здесь $ работает безопасно
});

jQuery(function ($) { // здесь $ работает безопасно });

Если ошибка jQuery is not defined, значит скрипт грузится раньше jQuery или jQuery не подключён. Подключать свой файл нужно через зависимости:

wp_enqueue_script(
    'theme-product',
    get_stylesheet_directory_uri() . '/js/product.js',
    ['jquery'],
    '1.0',
    true
);

wp_enqueue_script( 'theme-product', get_stylesheet_directory_uri() . '/js/product.js', ['jquery'], '1.0', true );

Если проблема появилась после плагина, который “автоматически обновляет файл”, отключите именно оптимизацию JS: defer, delay, combine, minify. WooCommerce-страницы часто ломаются от отложенной загрузки jquery, wc-add-to-cart-variation, photoswipe, скриптов галереи и checkout/cart fragments.

Не правьте ссылки на jQuery руками в header. WordPress сам управляет зависимостями. Ручная замена может создать две версии jQuery на странице, и ошибки станут ещё хуже.

Итог: найдите первый файл-источник ошибки, отключите оптимизацию JS для проверки, подключайте свои скрипты через wp_enqueue_script с зависимостью от jquery. Если ошибка исчезает без минификации — добавляйте проблемный скрипт в исключения кэширующего плагина.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно