React-big-calendar: Unable to resolve module 'react-big-calendar/lib/css/react-big-calendar.css

[uguryiilmz]

I have tried every single solution has been stated here but did not find a way to get rid of this error. I am newbie to js and react environment. Is it something caused by web pack or might be related to how I load this?

Tried this import 'react-big-calendar/lib/css/react-big-calendar.css';
and tried this import '!style-loader!css-loader!react-big-calendar/lib/css/react-big-calendar.css' instead
Both throw the same error

[uguryiilmz]

Any idea?? I really can't figure out what to do.

[jquense]

I don't know :( I would check that the file is in node_modules/react-big-calendar/lib/css/react-big-calendar.css, if not reinstall. If it is the problem is your webpack configuration. I'd suggest trying one of their support avenues like the discord channel

[arecvlohe]

This should be pretty easy if you are using create-react-app. If you are rolling your own webpack then you need to make sure you are using the right loaders.

[trleithoff]

I'm having the same issue.

[arecvlohe]

I don't think Calendar.css is a module

[khaledbk]

Hi,
Easiest way to solve that problem is to add the css file to your header :
<link href="https://cdn.jsdelivr.net/npm/[email protected]/lib/css/react-big-calendar.css" rel="stylesheet"/>

[arecvlohe]

This hasn't been responded to from the original poster for sometime so I am going to close. Please refer to https://github.com/arecvlohe/rbc-starter as an example to help.