Magento – Magento 2.3.3 – When minify the js getting the issues

js-minificationmagento2magento2.3.3minified-js

We're getting a lot of error messages on the console about missing JS libraries after minify the js in Magento 2.3.3 (on both frontend and admin). Apparently they are all related to jquery/ui-modules.

e.g.:

pub/static/adminhtml/Magento/backend/en_US/jquery/ui-modules/timepicker.js

pub/static/version/frontend/theme/en_IE/jquery-ui-modules/resizable.min.js
net::ERR_ABORTED 404 (Not Found)

pub/static/version/frontend/theme/en_IE/jquery-ui-modules/slider.min.js
net::ERR_ABORTED 404 (Not Found)

pub/static/version8/frontend/theme/en_IE/jquery-ui-modules/timepicker.min.js
net::ERR_ABORTED 404 (Not Found)

Best Answer

I could not understand the issue scenario, however, I am trying to help in general. As I learn you are using Magento 2.3.3. In this Magento refactored jQuery/ui to separate widgets.(Details)

All you have to do edit requirejs-config.js as in

map: {
    '*': {
        'jquery/ui: 'jquery/compat'
    }
}

and in

paths: {
    'jquery-ui-modules': 'jquery/ui-modules',
}

I hope it will solve your issue.

Related Solutions

Magento – adding calendar on form field in magento 2 not working error 404

ok... so the last idea I came up with was to include the following script inside .phtml file, and not use the data-mage-init attribute anymore:

<form action="" method="POST">
        <label for="name">Name: </label>
        <input type="text" id="name" name="name"/><br>
....
        <label for="birthdate">Birth date: </label>
        <input type="text" id="birthdate" name="birthdate"/><br>
</form>
    <script>
        require([
            "jquery",
            "mage/calendar"
        ], function($){

            $("#birthdate").calendar({
                showTime: false,
                //dateFormat: "yy-mm-dd"
            });
        });
    </script>

Magento – magento 2 how to override select-shipping-method.js

app/code/SR/MagentoCommunity/view/frontend/requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Checkout/js/action/select-shipping-method': {
                'SR_MagentoCommunity/js/mixin/select-shipping-method-mixin': true
            }
        }
    }
};

app/code/SR/MagentoCommunity/view/frontend/web/js/mixin/select-shipping-method-mixin.js

define([
    'jquery'
], function ($) {
    'use strict';

    return function (target) {
        return function (shippingMethod) {
            // call original method
            target(shippingMethod);
        };
    }
});

Best Answer

Related Solutions

Magento – adding calendar on form field in magento 2 not working error 404

Magento – magento 2 how to override select-shipping-method.js

Related Topic