Module parse failed: Unexpected token (4:0)

Question

I'm trying to add FULLCALENDAR to my Angular v14 project.

But after all setup suddenly I'm facing this error

Any idea how to deal with this error?

package.json

"@fullcalendar/angular": "^5.11.0",
"@fullcalendar/daygrid": "^5.11.0",
"@fullcalendar/interaction": "^5.11.0",

app.module.ts

...
import { FullCalendarModule } from '@fullcalendar/angular';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';

FullCalendarModule.registerPlugins([ // register FullCalendar plugins
dayGridPlugin,
interactionPlugin
]);

imports:[
      ...
      FullCalendarModule
     ]

Throw error

Compiled with problems:X

ERROR in ./node_modules/@fullcalendar/common/main.css 4:0

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 <body> */
| /* 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;


ERROR in ./node_modules/@fullcalendar/daygrid/main.css 2:0

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;
| }

dev.ws · Accepted Answer · 2022-07-15 16:42:23Z

8

It is a workaround but its not good at all, hope they will fix it as soon as possible

https://github.com/fullcalendar/fullcalendar-angular/issues/403#issuecomment-1149834448

i recommend to add this to the angular.json

"styles" : [
...
"./node_modules/@fullcalendar/common/main.css",
"./node_modules/@fullcalendar/daygrid/main.css",
"./node_modules/@fullcalendar/timegrid/main.css",
"./node_modules/@fullcalendar/list/main.css",
...
],

edited Jul 15, 2022 at 16:42

answered Jul 15, 2022 at 16:38

dev.ws

995 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

WesDev · Accepted Answer · 2022-11-05 15:16:48Z

1

Use version ^6.0.0-beta.1 or higher..

answered Nov 5, 2022 at 15:16

WesDev

5845 silver badges7 bronze badges

Collectives™ on Stack Overflow

Module parse failed: Unexpected token (4:0)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related