Issue: The glob pattern import("./**/*.entry.js*") did not match any files [empty-glob]

350
11
Jump to solution
2 weeks ago
ForrestLin
Occasional Contributor

I'm developing Map Website using ArcGIS Maps SDK for JavaScript and Calcite Component with Angular. I got issue with "ng build". "ng serve" works well.

▲ [WARNING] The glob pattern import("./**/*.entry.js*") did not match any files [empty-glob]

node_modules/@stencil/core/internal/client/index.js:3801:2:
3801 │ `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVers...

ForrestLin_2-1713199116808.png

"ng v" gives me:

ForrestLin_1-1713198762687.png

"npx stencil info" gives me:

ForrestLin_0-1713200082867.png

 

Thanks.

Forrest

0 Kudos
1 Solution

Accepted Solutions
AndyGup
Esri Regular Contributor

According to Ionic Stencil team, this is a known warning and it should not be affecting any functionality: https://github.com/ionic-team/stencil/issues/5427#issuecomment-1977185144.  The warning is showing up in your Angular builds because "@arcgis/core" has a dependency on "@esri/calcite-components" which has a dependency on Stencil.

If you find any Calcite or "@arcgis/core" functionality that is being affected then let us know and provide a repro sample using codepen (for vanilla JS), StackBlitz or a GitHub repository.

View solution in original post

0 Kudos
11 Replies
ForrestLin
Occasional Contributor

More detail:

ForrestLin_0-1713200669977.png

 

0 Kudos
AndyGup
Esri Regular Contributor

Hi @ForrestLin you'll need to provide a repro app. We recommend using our esm-samples as a starting point: https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-angular-cli. Here's our troubleshooting guide for local builds for more info: https://developers.arcgis.com/javascript/latest/troubleshooting/.

0 Kudos
ForrestLin
Occasional Contributor

Hey @AndyGup 

I figured out that the issue is caused by building an Angular application targeting a browser and server environment using esbuild, instead of using Webpack. So we have to use webpack?

https://www.npmjs.com/package/@angular-devkit/build-angular

ForrestLin_0-1713212562229.png

ForrestLin_1-1713212652380.pngForrestLin_2-1713212735555.png

 

Thanks.

Forrest

0 Kudos
ForrestLin
Occasional Contributor

Getting started with the Angular CLI's new build system:

https://angular.io/guide/esbuild

 

0 Kudos
AndyGup
Esri Regular Contributor

We haven't seen that error before with Angular/esbuild. Can you provide a repro app so we can examine it in more detail?

0 Kudos
ForrestLin
Occasional Contributor

Hey @AndyGup 

I downloaded the code:

https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-angular-cli

and change the builder to esbuild, then I got:

ForrestLin_0-1713270804373.png

By the way, how/where can I provide a repro app?

Thanks.

Forrest

0 Kudos
ForrestLin
Occasional Contributor

More details:

ng build --verbose

ForrestLin_1-1713271784288.png

 

0 Kudos
AndyGup
Esri Regular Contributor

According to Ionic Stencil team, this is a known warning and it should not be affecting any functionality: https://github.com/ionic-team/stencil/issues/5427#issuecomment-1977185144.  The warning is showing up in your Angular builds because "@arcgis/core" has a dependency on "@esri/calcite-components" which has a dependency on Stencil.

If you find any Calcite or "@arcgis/core" functionality that is being affected then let us know and provide a repro sample using codepen (for vanilla JS), StackBlitz or a GitHub repository.

0 Kudos
ForrestLin
Occasional Contributor

Hi @AndyGup 

Are the selector errors OK?

11 rules skipped due to selector errors:

ForrestLin_1-1713287685796.png

 

 

0 Kudos