MIME type ('text/html') is not a supported stylesheet type

[junjo249Participant]

I’m using the following css files:

<link href=”./node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css” type=”text/css” rel=”stylesheet” />
<link rel=”stylesheet” href=”../jqwidgets/styles/jqx.base.css” type=”text/css” />

and I’m getting the following error:
Refused to apply style from ‘http://localhost:3008/css/flexboxgrid.min.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

And I’m using Webpack to handle css:

       test: /\.css$/,
        use: [
          'style-loader',
          'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
        ],
        include: /\.module\.css$/

Is there something I’m not handling ?

[HristoParticipant]

Hello junjo249,

I would like to mention that the “flexboxgrid.min.css” file is not part of our library.
The easiest way to start one React project with our library is to follow the approach in the tutorial below:
https://www.jqwidgets.com/react-components-documentation/documentation/create-jqwidgets-react-app/index.htm?search=
I hope the above is useful to you.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts