problem with deploying calcite to cloudflare

[Mannus_Etten]

We do have an angular 19 app with calcite components in use.

On the dev machine with ng build we do not get any build errors.

When we do ng build on our cloudflare-infrastructure we get these kind of errors:

✘ [ERROR] No loader is configured for ".woff2" files: node_modules/@arcgis/map-components/dist/cdn/assets/fonts/12f4c786-0bef-4a48-b7c0-eebaa7591688-vietnamese.woff2
00:21:29.475
00:21:29.475	node_modules/@arcgis/map-components/dist/cdn/main.css:1:11683:
00:21:29.475	1 │ ...r Next;src:url(./assets/fonts/12f4c786-0bef-4a48-b7c0-eebaa75916...

Do we need to add some fonts somewhere into our project? What do we need to do to resolve this problem?

[AndyGup · Accepted solution]

Hi @Mannus_Etten the error is related to Angular. Some components load font files (.woff2). To ensure these assets are supported in Angular, add a loader configuration in your angular.json: "loader": { ".woff2": "file" } . For more information, see Angular’s file extension loader customization guide.

[Mannus_Etten]

thanks a lot @AndyGup