Grey Screen when loading the localhost page

[stevenboeren]

I tired everything still get this grey screen :(

[redphx]

Hi @stevenboeren , sorry for the problem. Could you please provide some more info about:

• Operating System
• JoyDance version
• Browser name & version

If you're using Chrome, please open DevTools (https://developer.chrome.com/docs/devtools/open/), then share me a screenshot of the Console tab.
Thank you.

[XFeliXBlack]

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec. DevTools failed to load source map: Could not load content for chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/content/safecheck-notification/serialization.js.map: System error: net::ERR_BLOCKED_BY_CLIENT DevTools failed to load source map: Could not load content for chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/content/serialization.js.map: System error: net::ERR_BLOCKED_BY_CLIENT DevTools failed to load source map: Could not load content for chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/content/app-notification/serialization.js.map: System error: net::ERR_BLOCKED_BY_CLIENT

[beto86gt]

Was this ever resolved??

I am also getting a blank screen and the same error about the content type.

[beto86gt]

Ugh, finally got it working renaming all module JS from .js extension to .mjs extension

[johnsrj]

I've been getting the same screen Joy dance 0.5.2 Windows 11 Home 22H2 Browser Microsoft Edge 115.0.1901.183 also tested on the latest version for chrome and firefox This is the output console for the dev tools

[mmayonesa]

@beto86gt could you please explain how you solved it? :( I didnt understand what you said

[rmo1ualberta]

Hey all! Seems like @beto86gt was right, though they didn't provide a very thorough explanation. To fix this issue, there will be a couple of things to be renamed in the /static/js/ folder:

• app.js to app.mjs
• htm.module.js to htm.mjs
• preact.module.js to preact.mjs

And then, in the /static/index.html file, rename the src in line 13 from:

<script type="module" src="/js/app.js"></script>

to

<script type="module" src="/js/app.mjs"></script>

Next, in the /static/js/app.mjs file (that you renamed), in the first two lines, rename the import paths accordingly; from

import { h, Component, render } from '/js/preact.module.js';
import htm from '/js/htm.module.js';

to

import { h, Component, render } from '/js/preact.mjs';
import htm from '/js/htm.mjs';

And that should fix the "blank screen". Happy dancing!

[BroJac5246]

rmo1ualberta, I'm not experiencing this issue, but nevertheless thank you for providing a solution! I believe I have preciously experienced it.