At Big Give we have a library of web components built using stencil and build-angular.
Last week we were trying to upgrade from stencil v2 to stencil v3, but we started getting errors as shown below when trying to generate a build to publish for use in angular:
117 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
> angular@0.0.0 build
> ng build
Building Angular Package
------------------------------------------------------------------------------
Building entry point '@biggive/components-angular'
------------------------------------------------------------------------------
- Compiling with Angular sources in Ivy partial compilation mode.
✖ Compiling with Angular sources in Ivy partial compilation mode.
projects/components/src/lib/stencil-generated/components.ts:7:15 - error TS2305: Module '"@biggive/components/dist/components"' has no exported member 'Components'.
7 import type { Components } from '@biggive/components/dist/components';
~~~~~~~~~~
Exited with code exit status 1
I have since found that this error can happen on the v2 version of stencil as well as the v3, so I don't know why we're only now starting to see it.
Our code is public, errors can be seen in CircleCI:
- on upgrading to Stencil V3 for the first time: https://app.circleci.com/pipelines/github/thebiggive/components/1204/workflows/0600a5ee-2a6d-456f-8f8f-4edf319c928a/jobs/1828
- Reproducing today on a temporary branch: https://app.circleci.com/pipelines/github/thebiggive/components/1228/workflows/13948c16-acf8-4d9f-946b-03a434f60fa9/jobs/1830
- On another branch with Stencil V2: https://app.circleci.com/pipelines/github/thebiggive/components/1229/workflows/9492a515-4cc3-4c83-9a8e-e5c5c4bf64de/jobs/1833