Mesmerizer main page is blank - Javascript Internal Server Error/Access-Control-Allow-Origin error #707

bhunsaker · 2025-03-31T00:44:49Z

bhunsaker
Mar 31, 2025

I am changing my network addressing to use the 172.24.x.x network and noticed my Mesmerizer was stuck on the same display, so I reloaded the most recent Mesmerizer image (V040). Now, when I go to the main page, it is blank. "View source" shows the basic "go get these scripts" headers:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>NightDriverStrip</title>
    <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>
    <!-- Material UI -->
    <script crossorigin src="https://unpkg.com/@emotion/[email protected]/dist/emotion-react.umd.min.js"></script>
    <script crossorigin src="https://unpkg.com/@emotion/[email protected]/dist/emotion-styled.umd.min.js"></script>
    <script crossorigin src="https://unpkg.com/@mui/[email protected]/umd/material-ui.development.js"></script>
    <script crossorigin src="https://unpkg.com/[email protected]/dist/html-react-parser.min.js"></script>
    <!-- Proptype and Recharts for Recharts -->
    <script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
    <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/recharts/2.3.2/Recharts.min.js" referrerpolicy="no-referrer"></script>

But the Javascript console reports:

Access to script at 'https://unpkg.com/@mui/[email protected]/umd/material-ui.development.js' from origin 'http://mesmerizer' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
material-ui.development.js:1 

Failed to load resource: net::ERR_FAILED index.js:9

Uncaught ReferenceError: MaterialUI is not defined at index.js:9:50965

Would this be a problem with the remote javascript package at unpkg.com?

Answered by bhunsaker

Apr 1, 2025

Main branch of github was changed to retrieve scripts from jsDelivr,net instead of unpkg.com. Mesmerizer code was built using the new code and deployed to https://plummerssoftwarellc.github.io/NightDriverStrip/.

A couple interesting notes:

The version number didn't change in the installation wizard (still V040). The code size is now 2044320.
The main branch has changed index.html to use a main.jsx module instead of the index.js script. But viewing the page source for index.html after updating the Mesmerizer, it is the older version with index.js (but using jsDelivr.net). Things that make you go hmmm.

But it works.

View full answer

rbergen · 2025-03-31T10:01:23Z

rbergen
Mar 31, 2025
Maintainer

It seems that this morning (my morning, CEST/UTC+2) unpkg.com was having some issues, as I was getting 503 errors for every request. I just checked again, and I now get the correct responses, including an Access-Control-Allow-Origin header equal to *.

Unfortunately, I will not be able to test with an actual Mesmerizer for some time, but you could try again and see what happens now.

0 replies

bhunsaker · 2025-03-31T18:13:31Z

bhunsaker
Mar 31, 2025
Author

The CORS error is probably a red herring. The root error is "500 Internal Server Error" when trying to fetch https://unpkg.com/@mui/[email protected]/umd/material-ui.development.js as of Mon, 31 Mar 2025 17:55:22 GMT

4 replies

rbergen Mar 31, 2025
Maintainer

Yep, it's broken for me again as well. Unpkg.com is having some pretty serious issues...

bhunsaker Apr 1, 2025
Author

Indeed: unpkg/unpkg#440

rbergen Apr 1, 2025
Maintainer

I've opened #708 to switch from unpkg to jsDelivr. Maybe you can confirm if that version of the code resolves the problem for you and comment on the PR? I'd really appreciate it.

rbergen Apr 1, 2025
Maintainer

I've created a new release (including web installer) that incorporates this change.

bhunsaker · 2025-04-01T23:57:26Z

bhunsaker
Apr 1, 2025
Author

Main branch of github was changed to retrieve scripts from jsDelivr,net instead of unpkg.com. Mesmerizer code was built using the new code and deployed to https://plummerssoftwarellc.github.io/NightDriverStrip/.

A couple interesting notes:

The version number didn't change in the installation wizard (still V040). The code size is now 2044320.
The main branch has changed index.html to use a main.jsx module instead of the index.js script. But viewing the page source for index.html after updating the Mesmerizer, it is the older version with index.js (but using jsDelivr.net). Things that make you go hmmm.

But it works.

1 reply

rbergen Apr 2, 2025
Maintainer

I'll respond for the record:

The version number displayed by the wizard is the version number embedded in the source code. That only gets bumped in principle when something meaningful changes in the way NightDriverStrip devices implement their interaction with external control software (like NightDriverDesktop). Maybe the GitHub release version should be used instead, this is something I'll consider.
As indicated in Replace unpkg with jsDelivr #708, index.jsx and a number of files it includes are "compiled" into index.js during the web UI build stage. As in: index.jsx is an input file from which index.js is generated.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Mesmerizer main page is blank - Javascript Internal Server Error/Access-Control-Allow-Origin error #707

Uh oh!

{{title}}

Uh oh!

Replies: 3 comments 5 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Mesmerizer main page is blank - Javascript Internal Server Error/Access-Control-Allow-Origin error #707

Uh oh!

bhunsaker Mar 31, 2025

Replies: 3 comments · 5 replies

Uh oh!

rbergen Mar 31, 2025 Maintainer

Uh oh!

bhunsaker Mar 31, 2025 Author

Uh oh!

rbergen Mar 31, 2025 Maintainer

Uh oh!

bhunsaker Apr 1, 2025 Author

Uh oh!

rbergen Apr 1, 2025 Maintainer

Uh oh!

rbergen Apr 1, 2025 Maintainer

Uh oh!

bhunsaker Apr 1, 2025 Author

Uh oh!

rbergen Apr 2, 2025 Maintainer

bhunsaker
Mar 31, 2025

Replies: 3 comments 5 replies

rbergen
Mar 31, 2025
Maintainer

bhunsaker
Mar 31, 2025
Author

rbergen Mar 31, 2025
Maintainer

bhunsaker Apr 1, 2025
Author

rbergen Apr 1, 2025
Maintainer

rbergen Apr 1, 2025
Maintainer

bhunsaker
Apr 1, 2025
Author

rbergen Apr 2, 2025
Maintainer