Uncaught Error: Script error for: trackingCode error on every frontend page

Preconditions

1. Installed Magento version 2.2.2 with sample data.
2. checked in developer and production both mode.
3. Dotdigitalgroup_Email module is enabled downloaded with Magento version 2.2.2.

Steps to reproduce

1. Open Magento home page.
2. checked browser console and getting error Uncaught Error: Script error for: trackingCode .
   
3. Also, this error prevents to load custom UI component grid at frontend as shown in the screenshot-
   

Expected result

1. No error should occur.

Actual result

1. for every frontend page, checked browser console and getting error Uncaught Error: Script error for: trackingCode .
2. Also, this error prevents to load custom UI component grid at frontend.

[magento-engcom-team]

@poojawebkul , thank you for your report.
We were not able to reproduce this issue by following the steps you provided. Please provide more detailed steps to reproduce or try to reproduce this issue on a clean installation without any extentions.

@magento-engcom-team issue is updated please check.

[Yonn-Trimoreau]

uBlock Origin extension is the source of the issue.

It blocks the trackingCode.js file before it has the time to track you down. And that seems to be justified.

Here is the content of trackingCode.js :

define(['domReady!'], function () {
    'use strict';

    /**
     * Create script tag
     */
    function createTag() {
        var connector = document.createElement('script'),
            s = document.getElementsByTagName('script')[0];

        connector.type = 'text/javascript';
        connector.src =
            (document.location.protocol === 'https:' ? 'https://' : 'http://') + 't.trackedlink.net/_dmpt.js';
        s.parentNode.insertBefore(connector, s);
    }

    /**
     * Export/return tracking code init
     * @param {Object} trackingCode
     */
    return function (trackingCode) {
        if (trackingCode.isEnabled) {
            createTag();
        }
    };
});

And where does that lead to ? ==> A tracking script.. http://t.trackedlink.net/_dmpt.js

I cannot judge Magento team for recently integrating several external services into the Magento core (thinking of Shopial_Facebook & Dotdigitalgroup_Email). They may have some well justified commercial reasons.

But at least, it shouldn't break other functionalities if we're trying to protect our own privacy. For instance:

loading custom UI component grid at frontend

The solution may be here: https://stackoverflow.com/a/27626398/2110948

[bmxmale]

This file isn't minified during static-content:deployment this is reasone why on our site getting 404.

[hubertus2017]

We had the same problem also with uBlock. After deactivating dotmailer extension checkout works again.

[magento-engcom-team]

@poojawebkul , thanks for your update.
We were not able to reproduce this issue, please check this issue on vanilla installation.

[Yonn-Trimoreau]

Please read the replies @magento-engcom-team

The issue is with uBlock, and may [will certainly] happen when real life customers will visit our Magento site with uBlock activated.

When uBlock forbids trackingCode.js file from loading, the exception thrown by RequireJS breaks the JS execution flow, causing unexpected and random issues elsewhere on the website.

You shall fix this issue by catching the RequireJS exception when trackingCode.js fails to load and (maybe) display a more friendly message in the JS console.

Doing this, the JS execution flow would not be broken whenever a customer uses uBlock.

Some example of such a catch block can be found here

@magento-engcom-team Actually issue is only coming when uBlock is activated (as shown in the screenshot), otherwise, no error is coming.