question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

loader.js is requesting none existing stylesheet custom.css

See original GitHub issue

I found a bug in MagicMirror

Platform: Raspberry Pi 4, Raspberry Pi Os Buster

Node Version: 10

MagicMirror Version: 2.14.0

Description: loader.js is requesting non existing stylesheet file custom.css, see https://github.com/MichMich/MagicMirror/blob/3dbe8bfbbf538931e0a9c1e0c147e7d48ba42bc0/js/loader.js#L36. I see the following error message in the browser console: “Refused to apply style from http://localhost:8080/css/custom.css because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled”

Steps to Reproduce: Start fresh installation of Magic Mirror with default modules enabled, open Developer Console in the browser and check console and network tabs

Expected Results: See above

Actual Results: loader.js should not try to download a file that doesn’t exist

Configuration: Default configuration

Additional Notes:

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:16 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
MichMichcommented, Mar 24, 2021

And I appreciate that! I hope I convey that well.

1reaction
sdetweilcommented, Mar 24, 2021

your content. do whatever u want. I am trying to onboard new users and reduce repeated problems in the forums.

Read more comments on GitHub >

github_iconTop Results From Across the Web

webpack server doesn't load css stylesheet - Stack Overflow
css "> in your html file does not require a loader in webpack.config.js . It sounds like you're getting a console error in...
Read more >
css-loader | webpack - JS.ORG
The default export is a constructable stylesheet (i.e. CSSStyleSheet ). Useful for custom elements and shadow DOM. More information: Using CSS Module Scripts...
Read more >
Organizing your CSS - Learn web development | MDN
Here are some general suggestions for ways to keep your stylesheets organized and tidy. Does your project have a coding style guide? If...
Read more >
add an easily modifiable "custom.css" to gitlab for those few ...
Why is there vendor/assets if it's not to use it? Loading it into the pre-compilable assets pipe would work a long way to...
Read more >
How to Troubleshoot CSS Not Working - WPForms
Have you added custom CSS for your forms, but not been able to see it come through? Here's how to troubleshoot when your...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found