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

[benjaminmilcic]

Can I ask you how I can make ng build with ignoring the warning and not break the build?

[christian-bromann]

@benjaminmilcic thanks for raising the issue.

It would be great if you could provide a bit more information to help us reproduce the case. Is your project using Stencil components from an NPM module or are you using Stencil components directly. This error message alone won't help us to start any investigations.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Stencil starter component library and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[benjaminmilcic]

I don`t use Stencil directly. I never worked with it directly. I think it is used by Ionic.

Here is my package.json

{ "name": "aznw-routes", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "ng test" }, "private": true, "dependencies": { "@angular/animations": "^17.1.0", "@angular/cdk": "^17.2.1", "@angular/common": "^17.1.0", "@angular/compiler": "^17.1.0", "@angular/core": "^17.1.0", "@angular/forms": "^17.1.0", "@angular/google-maps": "^17.2.1", "@angular/material": "^17.2.1", "@angular/platform-browser": "^17.1.0", "@angular/platform-browser-dynamic": "^17.1.0", "@angular/router": "^17.1.0", "@ionic/angular": "^7.7.3", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@tinymce/tinymce-angular": "^7.0.0", "angular-resizable-element": "^7.0.2", "feiertagejs": "^1.4.0", "ng2-tooltip-directive": "^2.10.3", "ngx-toastr": "^18.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^17.1.2", "@angular/cli": "^17.1.2", "@angular/compiler-cli": "^17.1.0", "@types/jasmine": "~5.1.0", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "tailwindcss": "^3.4.1", "typescript": "~5.3.2" } }

ng build worked before. Then I changed it to use angular routes and I added angular material and ionic.
I remember that I also installated the pagage " postcss-import" and removed it again.
ng serve worked well all the time. Then i made ng build and it breaks.

Here is my tsconfig.js

/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "forceConsistentCasingInFileNames": true, "strict": false, "noImplicitOverride": true, "noPropertyAccessFromIndexSignature": true, "noImplicitReturns": true, "noFallthroughCasesInSwitch": true, "skipLibCheck": true, "esModuleInterop": true, "sourceMap": true, "declaration": false, "experimentalDecorators": true, "moduleResolution": "node", "importHelpers": true, "target": "ES2022", "module": "ES2022", "useDefineForClassFields": false, "lib": [ "ES2022", "dom" ] }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false, "strictInjectionParameters": true, "strictInputAccessModifiers": true, "strictTemplates": false } }

Shall I provide other files here, like package-lock.json or so?

[alicewriteswrongs]

Hello @benjaminmilcic, this looks like it might be the same issue as #5389 which was fixed in Stencil v4.12.4. Ionic Framework, however, is currently using Stencil v4.12.3, so I think that may have to do with why you're seeing the error.

To help us confirm that, could you provide a minimal reproduction case which showcases the issue? We aren't able to do much to help diagnose the issue without one. A minimal reproduction would be a git repository which includes the simplest project which showcases the problem, and will let us diagnose the issue and then test out a fix.

[benjaminmilcic]

Ok, here are steps to reproduce:

1. ng new
   (name: test)
   (style sheets: css)
   (no SSR)
2. ng add @ionic/angular
3. ng build

ng version gives me:

Angular CLI: 17.2.2
Node: 20.11.0
Package Manager: npm 10.2.4
OS: win32 x64

Angular: 17.2.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1702.2
@angular-devkit/build-angular 17.2.2
@angular-devkit/core 17.2.2
@angular-devkit/schematics 17.2.2
@angular/cli 17.2.2
@schematics/angular 17.2.2
rxjs 7.8.1
typescript 5.3.3
zone.js 0.14.4

ionic version gives me:
7.2.0

And here is a GitHub-Repo:
[(https://github.com/benjaminmilcic/ionic-stencil-error)]

Thanks a lot for the time to try helping...

[christian-bromann]

I was able to clone the reproduction and saw the following warning in the build step:

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

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

I think this warning can be ignored however we should identify if @ionic/angular uses Stencils lazy components or DCE (dist-custom-elements) and if not, ensure this part of stencil is not imported anywhere.

@benjaminmilcic we have ingested the issue into our backlog and will at it eventually. I unfortunately can't give you a timeline at this point but will make sure to post updates as we have it.

[papastepano]

Thanks for rasing this issue. Experiencing the same problem, too.