Magento 2 TypeError Undefined products images not displaying

[Isidoro_]

Hi,

At home page, product category view and product detailed view page images are not loading / displaying at firefox and less frequently at chrome.

I am using magento 2.2.6 upgraded from 2.2.2 and porto theme upgrade to 3.1.5.

Inspect shows after clean cache:

1.- TypeError: src is undefined

2.- TypeError: $.ui is undefined

3.- TypeError: $.widget is not a function

4.- TypeError: $.widget is not a function (twice)

5.- TypeError: $.ui is undefined

Inspect shows after reload home page a few less:

1.- TypeError: src is undefined

2.- TypeError: $.ui is undefined

3.- TypeError: $.ui is undefined

exception.log shows from 2 days ago (not today):

[2018-09-26 16:02:26] main.CRITICAL: Cannot gather stats! Warning!stat(): stat failed for /home/xxx/public_html/pub/static/frontend/Smartwave/porto/es_AR/mage/requirejs/mixins.js {"exception":"[object] (Magento\\Framework\\Exception\\FileSystemException(code: 0): Cannot gather stats! Warning!stat(): stat failed for /home/xxx/public_html/pub/static/frontend/Smartwave/porto/es_AR/mage/requirejs/mixins.js at /home/xxx/public_html/vendor/magento/framework/Filesystem/Driver/File.php:71)"} []

any help will be great !

my site: https://www.calzadosyoyito.cl

[Manish Mittal · Accepted solution]

Hello @Isidoro_

Please follow below links to fix your problem:

https://magento.stackexchange.com/questions/122618/getting-typeerror-widget-is-not-a-function-magent...

http://blog.tobiasforkel.de/en/2017/10/31/cannot-gather-stats-warningstat-stat-failed/ 

[Isidoro_]

Thanks @Manish Mittal for the tips.

I am newbie in magento, just user, It will take me sometime to find out what calls src.substring.

From the first link, first advice did not work for me. In the second one I am on it, trying to find how is structured or from where it coming from:

</style><script type="text/javascript">
require(['jquery'], function ($) {
$(document).ready(function () {
$("img").each(function () {
if (!$(this).attr("alt")) {
var src=$(this).attr("src");
var fileName = src.substring(src.lastIndexOf('/'));
/**
* Replace .jpg|.png|.bmp|.svg|/|-| of filename equal whitespace
* @type {string}
*/
var alt = fileName.replace(/.jpg|.png|.gif|.bmp|.svg|\/|-/gi, '');
$(this).attr("alt", alt.trim());

cheers !

[Isidoro_ · Accepted solution]

Thanks @Manish Mittal,

After many cigarretes and heart attacks, I found what was trouble all my javascript stuff. It was a script as reported by http://www.danjoseph.me/2016/09/16/magento-2-widget-not-function/

My script was provided by McAfee : 

<script type="text/javascript" src="https://cdn.ywxi.net/js/1.js" async></script>

So I deleted and voila !!!

Cheers !