Refused to apply style from css because its mime type ('text/html') is not supported

Question

I get the below error for my reactjs project. I have shown my folder structure.

Refused to apply style from 'http://localhost:8093/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Possible duplicate of [Stylesheet not loaded because of MIME-type](https://stackoverflow.com/questions/48248832/stylesheet-not-loaded-because-of-mime-type) — Bhojendra Rauniyar, Sep 03 '18 at 17:39
agree with the duplicate suggestion. tldr: there is probably something other than css code in the css file (comments are the most likely candidate). — Claies, Sep 03 '18 at 17:42
if the duplicate doesn't apply, please post the contents of your css file for review. — Claies, Sep 03 '18 at 17:43
I'm trying to add some styles but first the files are not recognized itself. Trying to fix that issue before I can add some styles. — user1050619, Sep 03 '18 at 17:46
devServer: { contentBase: './dist' }..This is my webpack.config file...The devserver contentbase is ./dist.. — user1050619, Sep 03 '18 at 17:48
If you serve the files from something other than webpack Dev server does the problem persist? Try `python -m SimpleHTTPServer` or `npx serve` — Ross Mackay, Sep 03 '18 at 19:46
[Please do not upload images of code/data/errors.](//meta.stackoverflow.com/q/285551) — Ken White, Feb 17 '23 at 00:23

score 1 · Answer 1 · answered Jan 20 '21 at 14:46

1

you can import that file in "index.js" instead of directly adding it to "index.html", it will work for me.Alternative of this problem

answered Jan 20 '21 at 14:46

Rutwik

11
1

Refused to apply style from css because its mime type ('text/html') is not supported

1 Answers1