ERROR in ./~/react-block-ui/style.css

[availity]

ERROR in ./~/react-block-ui/style.css

[TheSharpieOne]

You will need a style loader and css loader for webpack to be able to import css like that. Docs for importing styles/css can be found at https://webpack.github.io/docs/stylesheets.html.

Alternatively, you can use <link href="https://unpkg.com/[email protected]/style.css"> in your html to pull the styles resource from a CDN. Using a CDN means you would not need to import the style in your code. Note the version in the URL and make sure it matches your version. If you updated the version of this library you are using, you will need to make sure to update the version in the URL as well.

Update: react-block-ui is now on cdnjs: https://cdnjs.com/libraries/react-block-ui You can grab the css from there and even a minified version of the css as well as the SRI links.

[TheSharpieOne]

@hhh146578 did the comment above address your issue?

[TheSharpieOne]

I'm closing this issue as it is inactive. If the issue is unresolved, please comment and I will reopen.

[gautambt]

I am getting the same error while trying to use react-block-ui with webpack on rails. I've tried to use style.min.js as recommended above with no luck (The minified file has the comment as well). The default webpack config for rails does come with style loader enabled by default. and I am able to import other css files fine. If I remove the comment "" in style.css everything works fine.

[TheSharpieOne]

There is no style.min.js just a style.css. If your webpack config is only looking for javascript files then you need to either adjust your configuration or include the styles from the cdn.
I would recommend also using create-react-app as it comes out of the box with css import capabilities.

[gautambt]

The issue is probably not with webpack config as I am able to load other css files from js files just fine. I am able to import and use the library fine if I remove the comment <!-- CSS Animations --> on line 51. The syntax for commenting in css files is /* Css Animations */.

[TheSharpieOne]

I fixed that comment syntax and will release it when I get to a computer.

[TheSharpieOne]

@gautambt v1.1.1 has the fix. Please give it a try.