building stencil library not possible - dist folder not generated

Hi there,

this might not been an issue per se, more a question. I’m not able to build my nx stencil library to create a dist folder.

Here are the steps I took:

1. create a fresh nx 11 workspace npx create-nx-workspace@latest my-workspace with a new Angular app
2. installing nxext npm install -D @nxext/stencil
3. generating a stencil library via nx g @nxext/stencil:lib web-components
4. making stencil lib buildable nx generate @nxext/stencil:make-lib-buildable web-components
5. added output target for angular nx g @nxext/stencil:add-outputtarget web-components
6. added WebComponentsAngularModule from @my-workspace/web-components-angular to app.module.ts

If I now run nx build my-app I receive an error Error: libs/web-components-angular/src/lib/web-components-angular.module.ts:3:38 - error TS2307: Cannot find module '@my-workspace/web-components/loader' or its corresponding type declarations.

At a closer look there is no dist folder at /libs/web-components So I called nx run web-components:build

[56:10.7]  build, web-components, prod mode, started ...
[56:10.7]  transpile started ...
[56:10.8]  transpile finished in 104 ms
[56:10.8]  generating angular-library started ...
[56:10.9]  generate angular-library finished in 6 ms
[56:10.9]  build finished in 132 ms

but there is still no dist folder created.

How can I build my stencil library properly?

[DominikPieper]

Hey, I took a look and prepared a PR for that repo with the fix. Basically the make-buildable builder had the bug, that the loader wasn’t added to the tsconfig. With that, nx wasn’t able to find the loader workspace imports for the angular-module.

[DominikPieper]

Maybe some clarification about what’s going ideally on.

The dist of web-components contain after build the web components. That’s where the loader folder should appear as well. The web-components-angular contains glue-code for the web-components and Angular. They’re both needed