Magento 2.3.4 Tabs Initialization Error – Fix Method Call Issue

magento2.3.4product-pagereview

In Magento 2.3.4 product page when click review text or reviews and not going to review form or Customer review

Before it's working fine in Magento 2.2.4

and it's an error coming from the below core file in this function

/vendor/magento/module-review/view/frontend/web/js/process-reviews.js

$(function () {
    $('.product-info-main .reviews-actions a').click(function (event) {
        var anchor, addReviewBlock;

        event.preventDefault();
        anchor = $(this).attr('href').replace(/^.*?(#|$)/, '');
        addReviewBlock = $('#' + anchor);

        if (addReviewBlock.length) {
            $('.product.data.items [data-role="content"]').each(function (index) { //eslint-disable-line
                if (this.id == 'reviews') { //eslint-disable-line eqeqeq
                    $('.product.data.items').tabs('activate', index);
                }
            });
            $('html, body').animate({
                scrollTop: addReviewBlock.offset().top - 50
            }, 300);
        }

    });
});

enter image description here

I checked but I can't find proper solution
Does anyone know about this issue?

Any help would be appreciated.

Thanks.

Best Answer

Try this one. The issue may be resolved by putting the below code into the details.phtml of Magento_Catalog module.

<script type="text/javascript">
    require(['jquery','jquery/ui'], function($) {
    //Change the below class if not matching
        $("div.product.data.items").tabs();
    });
</script>

Vendor Path - <magento-root>/vendor/magento/module-catalog/view/frontend/templates/product/view/details.phtml

For theme - <magento-root>/app/design/frontend/Vendor/ThemeName/Magento_Catalog/templates/ product/view/details.phtml

Note: Copy details.phtml file from vendor path if not present in the respective theme directory.

Clear the cache if prompted.

This is purely workaround and worked for me very well in 2.3.4 instance.