Can't resolve './cradleLoader.css'

Getting this error when I installed the latest version and imported the react-spinner-loader.css file. My app was just made using create-react-app and has no other custom stuff

I did notice this was a very recent change to change the filenames from CradleLoader.css to cradleLoader.css without changing the imports. Was there a reason for that change? It is possible, since I’m using a Mac, that the change throws an error for me, while for someone using a Windows device, the issue won’t show

Failed to compile.

./node_modules/react-loader-spinner/dist/loader/css/react-spinner-loader.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./node_modules/react-loader-spinner/dist/loader/css/react-spinner-loader.css)
Cannot find file: 'cradleLoader.css' does not match the corresponding name on disk: './node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css'.

[shivang-9357]

FIXED 100% !!! The problem is in

…/node_modules/react-loader-spinner/dist/loader/css/react-spinner-loader.css

Here the imports are misspelled. Just change it from:

@import"./cradleLoader.css";
@import"./plane.css";
@import"./triangle.css";

to

@import"./CradleLoader.css";
@import"./Plane.css";
@import"./Triangle.css";

Just make the names the same as the file names in the same folder.

[mhnpd]

Looks like there is still an issue and I have a proposal to remove css entirely for the library.

Having the css files in the project is already causing a lot of issue in multiple environment and I am think of removing it from project and using css-in-js library to maintain the css. This will allow us support SVG as well as CSS base loader without having css files and ready to use exports.