CSS Module parse failed: Unexpected token Angular 14?

Question

After ng build or ng serve I got this error:

./node_modules/ol/ol.css:1:0 - Error: Module parse failed: Unexpected token (1: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
> .ol-box {
|   box-sizing: border-box;

I use Angular:

   "@angular/animations": "^14.0.0",
    "@angular/common": "^14.0.0",
    "@angular/compiler": "^14.0.0",
    "@angular/core": "^14.0.0"

In case this helps anyone, I had this error but the answer was not the fix. It turns out that the scss file was not imported correctly in the Angular component using styleUrls styleUrls: ['./myCSSfile.scss'] It was instead added as an import in the component file. import 'myCSSfile.scss' — Simon245
– Simon245, Commented Nov 4, 2022 at 14:05
@Simon245 nice find. This was exactly my issue. didn't notice, because my IDE collapsed all imports :P — scipper
– scipper, Commented Mar 15, 2024 at 11:48

Chellappan வ · Accepted Answer · 2022-07-19 11:56:06Z

8

Add ol.css path inside angular.json styles array.

angular.json

"styles": ["node_modules/ol/ol.css"]

For More Info

edited Jul 19, 2022 at 11:56

answered Jul 19, 2022 at 11:44

Chellappan வ

27.9k4 gold badges39 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

CSS Module parse failed: Unexpected token Angular 14?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related