Can't resolve '%23clip' in '...\node_modules\mapbox-gl\dist'

[Yura13]

After updating angular from 13 to 14 I got failed build with the next error:
./node_modules/mapbox-gl/dist/mapbox-gl.css - Error: Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
...\node_modules\mapbox-gl\dist\mapbox-gl.css:1:21755: Can't resolve '%23clip' in '...\node_modules\mapbox-gl\dist'

mapbox-gl-js version: 2.9.2

[mikefresh]

Same!

[alexsukhodolsky]

Referencing the node_modules/mapbox-gl/src/css/mapbox-gl.css stylesheet instead of the minified one found in the dist folder fixed the issue for me. It's not a great solution and the mapbox team should probably fix the broken stylesheet found in the dist folder.

[marfrede]

Same! x2

[hound-realscore]

Yep, me too. :-(

[mourner]

The CSS file itself is perfectly fine (and even passes the CSS Validator). This appears to be an Angular CLI bug which has already been fixed on their side in angular/angular-cli#23691, and the fix will be included in the next release (v14.2).

[Pawelele]

It looks like this was broken i Angular 14.1.2. I just locked all angular packages in angular.json to 14.1.1. Remember to remove ^ or ~ before version number, remove package-lock.json and reinstall node-modules. Now everything is working fine.

[snocorp]

This wasn't fixed by angular/angular-cli#23691 as that fix seems to be included in 14.1.3 and still happens. I have raised angular/angular-cli#23773 to fix the specific issue related to the mapbox CSS.

[mourner]

Thanks for the clarification @snocorp! This appears to be fixed by angular/angular-cli#23774 now.

[coracuity]

This is still affecting me using a create-react-app with webpack. I'm really not sure what can be done about it...