CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)

by

I just ran into the same issue. It appears to be a quirk of Express that can manifest itself for a few different reasons, judging by the number of hits from searching the web for “nodejs express css mime type”.

Despite the type="text/css" attribute we put in our <link elements, Express is returning the CSS file as 

Content-Type: "text/html; charset=utf-8"

whereas it really should be returning it as 

Content-Type: "text/css"

For me, the quick and dirty workaround was to simply remove the rel= attribute, i.e., change

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/44657829/styles.css">

to

<link type="text/css" href="https://stackoverflow.com/questions/44657829/styles.css">

Testing confirmed that the CSS file was downloaded and the styles did actually work, and that was good enough for my purposes.

More Related Contents:

  1. How can I include css files using node, express, and ejs?
  2. adding .css file to ejs
  3. In RC.1 some styles can’t be added using binding syntax
  4. How to style child components from parent component’s CSS file?
  5. How and where to use ::ng-deep?
  6. Angular-cli from css to scss
  7. angular 2 ngIf and CSS transition/animation
  8. How to overwrite angular 2 material styles?
  9. Dynamic styleUrls in angular 2?
  10. The use of /deep/ and >>> in Angular 2
  11. Hooking up express.js with Angular CLI in dev environment
  12. Styling mat-select in Angular Material
  13. Angular dynamic background images
  14. Angular 2: How to style host element of the component?
  15. Change style of pseudo elements in angular2
  16. Nginx failing to load CSS and JS files (MIME type error)?
  17. Express: Setting content-type based on path/file?
  18. Angular 9 SSR 404 Not Found Page with Status code
  19. Changing border color in mat-form-field
  20. Grid Styling – Overwrite style of ag-grid
  21. Dynamically updating css in Angular 2
  22. Have a fixed position div that needs to scroll if content overflows
  23. Sessions won’t save in Node.js without req.session.save()
  24. How does hexadecimal color work?
  25. Are all CSS font-weight property’s values useful?
  26. CSS3 transitions on pseudo-elements (:after, :before) not working?
  27. How do I get my CSS linear gradient to work in IE?
  28. Comparison of loading CSS inline, embedded and from external files
  29. Changing a buffer from a ReadStream into an actual file
  30. Downloadable font on firefox: bad URI or cross-site access not allowed

Leave a Comment