Cố gắng tái tạo (và sửa chữa) các tùy chọn không xác định được trong dữ liệu khách hàng: 90

Chúng tôi thỉnh thoảng phải đối mặt với vấn đề sau khi bật / thanh toán / giỏ hàng /. Như một hiệu ứng, nhấp vào "Tiếp tục thanh toán" không hoạt động.

Chúng tôi tin rằng quá trình này không hoạt động do lỗi javascript sau đây được ghi lại:

Vấn đề đã được tái tạo trên hai máy, ngay cả sau khi tải lại toàn bộ trang. Nhưng bây giờ không còn nữa.

Tôi đã xem mã ở dòng 90

    getFromServer: function (sectionNames, forceNewSectionTimestamp) {
        var parameters;

        sectionNames = sectionConfig.filterClientSideSections(sectionNames);
        parameters = _.isArray(sectionNames) ? {
            sections: sectionNames.join(',')
        } : [];
        parameters['force_new_section_timestamp'] = forceNewSectionTimestamp;

/** Line 90 **/ return $.getJSON(options.sectionLoadUrl, parameters).fail(function (jqXHR) {
            throw new Error(jqXHR);
        });
    }
};

Vì vậy, rõ ràng các tùy chọn không được tải bằng cách nào đó - nhưng chúng nằm trong hàm tạo, vậy làm thế nào điều này có thể?

Hạnh phúc vì sự giúp đỡ nào.

BIÊN TẬP

Tôi đã tìm ra vấn đề ở một mô-đun nơi chúng ta tương tác với dữ liệu khách hàng.

Chúng tôi có mã sau đây:

define([
    'jquery',
    'Magento_Customer/js/model/authentication-popup',
    'Magento_Customer/js/customer-data'
], function ($, authenticationPopup, customerData) {

    customerData.reload(['minvalue'],true).done(function(){

Trong một số trường hợp, mã này dường như được gọi trước hàm tạo

vendor/magento/module-customer/view/frontend/web/js/customer-data.js:366


    'Magento_Customer/js/customer-data': function (settings) {
        options = settings;
        invalidateCacheBySessionTimeOut(settings);
        invalidateCacheByCloseCookieSession();
        customerData.init();
    }

Câu hỏi: Làm thế nào tôi có thể buộc mã của mình được chạy, sau khi hàm tạo được chạy?

Thông thường các customer-data.jslỗi được gây ra bởi các vấn đề lưu trữ cục bộ của trình duyệt sau khi vô hiệu hóa các mô-đun thêm các phần vào đối tượng dữ liệu khách hàng (từ kinh nghiệm của tôi).

Vì vậy, 1 khách hàng (pc) có thể thấy lỗi nhưng những người khác sẽ không.

Giải pháp trong trường hợp của tôi (mặc dù khác một chút so với của bạn) là xóa bộ nhớ cục bộ của trình duyệt có thể được thực hiện thông qua các công cụ gỡ lỗi trình duyệt trên storagetab trong Firefox hoặc applicationtab trong Chrome. Và xóa bộ nhớ cache của Magento.

Nếu điều đó không hoạt động, tôi sẽ kiểm tra mọi mô-đun được cài đặt gần đây có sửa đổi customer-datađối tượng hoặc chức năng Magento được kết nối với khách hàng (tức là thử tắt các mô-đun tùy chỉnh 1).

Như đã đề cập trong bình luận vấn đề này, có khả năng lỗi này là do sự cố lưu trữ cục bộ sau khi bạn nâng cấp từ 2.2.6 lên 2.2.8.

Để tái tạo lỗi của bạn, bạn có thể thử các bước sau:

1. Trong trình duyệt của bạn xóa tất cả dữ liệu cục bộ của trang web của bạn
2. Hạ cấp Magento trở lại 2.2.6
3. Ghé thăm giỏ hàng và tiến hành thanh toán
4. Nâng cấp lại Magento của bạn
5. Đi đến giỏ hàng một lần nữa và thử tiến hành thanh toán

Tôi nghĩ rằng đây là một nỗ lực khá nhiều nhưng có thể giúp bạn tái tạo và xác minh xem lỗi này có phải do bộ nhớ cục bộ hay không.

Chúng tôi đã theo dõi điều này xuống một thành phần tùy chỉnh ghi đè

nhà cung cấp / magento / kiểm tra mô-đun / xem / frontend / web / js / tiến hành kiểm tra.js

return function (config, element) {
    ### basically our change
    customerData.reload(['minvalue'], true);
    var minOrderValue = customerData.get('minvalue');
    ## end of our changee
    $(element).click(function (event) {
        var cart = customerData.get('cart'),
            customer = customerData.get('customer');

        ## do something with minOrderValue here

        event.preventDefault();

        if (!customer().firstname && cart().isGuestCheckoutAllowed === false) {
            authenticationPopup.showModal();

            return false;
        }
        $(element).attr('disabled', true);
        location.href = config.checkoutUrl;
    });

};

Điều này dường như gây ra điều kiện chủng tộc rất hiếm nhưng xấu xí. customerData.reload có thể được gọi, ngay cả hàm tạo của customerData cũng không chạy.

Bây giờ chúng tôi chỉ đơn giản là di chuyển

 customerData.reload(['minvalue'], true);

vào trình xử lý nhấp chuột, vì vậy nó chắc chắn sẽ được gọi một lát sau.

Nhưng tôi cảm thấy điều này rất xấu xí. Hàm tạo được gọi bởi Magento main.jsvà tôi đoán nếu ai đó nhấp đủ nhanh, nó vẫn không hoạt động chính xác.

Nhưng vì cốt lõi đang làm điều đó giống nhau, điều này sẽ hoạt động; và ít nhất người dùng có thể nhấp lại (điều mà trước đây họ không thể thực hiện được, vì việc khởi tạo thất bại)

Chúng tôi có một trình ghi lỗi javascript chạy trên hệ thống và sẽ biết sau một vài ngày, nếu lỗi xuất hiện trở lại.