How to diagnose a «Something went wrong.» failure?

dmitry_fedyuk · May 23, 2017, 5:42pm

This article is only about the «Something went wrong.» exact message.
Other messages like «Sorry, something went wrong.» are out of scope.

The «Something went wrong.» message is always produced by the browser-based Magento 2 part (JavaScript), and it is always related to AJAX calls.

It is produced in the 3 code points (despite of its reputation, Magento 2 has more than a hundred of such code copy/paste duplications):

1. Magento_Ui/js/form/components/insert::onError()

github.com

magento/magento2/blob/2.1.6/app/code/Magento/Ui/view/base/web/js/form/components/insert.js#L243-L256


/**
 * Error callback.
 *
 * @param {Object} xhr
 */
onError: function (xhr) {
    if (xhr.statusText === 'abort') {
        return;
    }


    alert({
        content: $t('Something went wrong.')
    });
},

2. Magento_Ui/js/grid/provider::onError()

github.com

magento/magento2/blob/2.1.6/app/code/Magento/Ui/view/base/web/js/grid/provider.js#L136-L147


/**
 * Handles reload error.
 */
onError: function (xhr) {
    if (xhr.statusText === 'abort') {
        return;
    }


    alert({
        content: $t('Something went wrong.')
    });
},

3. lib/web/mage/utils/misc::ajaxSubmit()

github.com

magento/magento2/blob/2.1.6/lib/web/mage/utils/misc.js#L150-L186


/**
 * Serializes and sends data via AJAX POST request.
 *
 * @param {Object} options - Options object that consists of
 *      a 'url' and 'data' properties.
 * @param {Object} config
 */
ajaxSubmit: function (options, config) {
    var t = new Date().getTime(),
        settings;


    options.data['form_key'] = window.FORM_KEY;
    options.data = this.prepareFormData(options.data, config.ajaxSaveType);
    settings = _.extend({}, ajaxSettings[config.ajaxSaveType], options || {});


    $('body').trigger('processStart');


    return $.ajax(settings)
        .done(function (data) {
            data.t = t;
            config.response.data(data);
            config.response.status(undefined);
            config.response.status(!data.error);
        })
        .fail(function (xhr) {
            config.response.status(undefined);
            config.response.status(false);
            config.response.data({
                error: true,
                messages: xhr.statusText,
                t: t
            });
        })
        .always(function () {
            $('body').trigger('processStop');
        });
},

So to diagnose the «Something went wrong.» issue, you should set breakpoints on these 3 code points.