Using Module Locally Fails to Find PostCSS

[Dtphelan1]

Has anybody had issues where usage of the package locally fails? I'm using this package in a react-scripts project and I'm getting the following failure when trying to use the module locally:

Error in ../react-calendar-timeline/lib/lib/Timeline.js
Module not found: 'postcss' in project\react-calendar-timeline\lib\lib

 @ ../react-calendar-timeline/lib/lib/Timeline.js 24:0-25

That line is require('./Timeline.css'); and I can't find any reference to postCss in the project except in the autoPrefixer module, and I don't know why that would be called when requiring a css file.

[mcMickJuice]

Does the solution provided here fix your issue?

#134 (comment)

TL;DR; use import Timeline from 'react-calendar-timeline/lib'

[mcMickJuice]

Are you using webpack for this project? Can you also include webpack css-loader in your pipeline

https://github.com/webpack-contrib/css-loader

Admittedly, the way this library handles its styling is problematic and will/should be changed

[Dtphelan1]

I was building with create-react-app, so yes to webpack; that said, my team is vehemently against ejecting the project and exposing full control over the pipeline. The first solution listed in the referenced issue worked for us though! Thanks for responding 👍

[mcMickJuice]

Sorry for the trouble. I hope to make the handling of the timelines default CSS file easier to work with going forward.

[Dtphelan1]

No worries! Thanks for making such a great library public in the first place! 😄