fullcalendar/fullcalendar-angular

node_modules/@fullcalendar/common/main.css:4:0 - Error: Module parse failed: Unexpected token (4:0)

ShyamVashista opened this issue · 4 comments

I am facing same issue -
Using fullcalendar in custom-calendar-library.
"@fullcalendar/angular": "^5.10.1",
"@fullcalendar/daygrid": "^5.10.1",
"@fullcalendar/interaction": "^5.10.1",
"@fullcalendar/timegrid": "^5.10.1"
Lib is build successful.
Now installed custom-calendar-library in main angular application.
Both are in same version angular 14.2.0.

When ng build in main application is throwing error

.../../libraries/custom-calendar-library/node_modules/@fullcalendar/common/main.css:4:0 - Error: Module parse failed: Unexpected token (4:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* classes attached to /
| /
TODO: make fc-event selector work when calender in shadow DOM */

.fc-not-allowed,
| .fc-not-allowed .fc-event { /* override events' custom cursors */
| cursor: not-allowed;

../../libraries/custom-calendar-library/node_modules/@fullcalendar/daygrid/main.css:2:0 - Error: Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|

:root {
| --fc-daygrid-event-dot-width: 8px;
| }

../../libraries/custom-calendar-library/node_modules/@fullcalendar/timegrid/main.css:6:0 - Error: Module parse failed: Unexpected token (6:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| */
|

.fc-v-event { /* allowed to be top-level */
| display: block;
| border: 1px solid #3788d8;

Would you be able to post a runnable, stripped-down demonstration of the bug? Would really appreciate it because the time saved reproducing will be time spent fixing.

Here is sample code
Both are attached as zip file. Library which is having FullCalendar || App which is using that library
Steps- Unzip both in differnt forlder
For Library
npm install
ng build library name
copy dist path of lib

For app
npm install
Screenshot_6

npm install path of lib dist folder
ng build

https://github.com/ShyamVashista/full_calendar_lib

why is this issue closed?