MMM-ImageSlideshow
MMM-ImageSlideshow copied to clipboard
something blocks the loading
Hi for some odd reason I can't see images. I think it has to be javascript related. If I load the path to an image directly; I can see the image http://magicmirror/modules/MMM-ImageSlideshow/exampleImages/matrix.jpg In the html I see roughly this
getDom: function () {
var wrapper = document.createElement("div");
// if an error, say so (currently no errors can occur)
if (this.errorMessage != null) {
wrapper.innerHTML = this.errorMessage;
}
// if no errors
else {
// if the image list has been loaded
if (this.loaded === true) {
// if was delayed until restart, reset index reset timer
....
else {
// if no data loaded yet, empty html
wrapper.innerHTML = " EMPTY HTML <----------------------";
}
}
// return the dom
return wrapper;
In one of the last lines I edited the js to add an arrow. For some reason I do see this arrow. This confirms the issue is the if(this.loaded) line. In edge F12 tools, I see it does bootstrap, load scripts, load stylesheet, load styles, load translations. I don't see a 'starting module' If I comment the lines creating the if; it will create an img but with the src set to undefined.
The html gives me an 'undefined' header; not sure if this is relevant
<div id="module_7_MMM-ImageSlideshow" class="module MMM-ImageSlideshow MMM-ImageSlideshow">
<header class="module-header" style="display: none;">undefined</header>
<div class="module-content">
<div> EMPTY HTML FOR SOME REASON</div>
</div>
</div>
Can someone advice me on how to troubleshoot this? On the browser on my phone I have the same issue (and I don't have other browsers)