Custom pipes not found within Angular CLI Library

Describe the bug I’m getting an error The pipe 'reverseString' could not be found in the .HTML file that uses the custom pipe but the application builds and runs fine during runtime.

The bug can be found in this project: Angular Library Demo

To Reproduce

Steps to reproduce the behavior:

1. Make sure you have Angular Language Service extension installed and enabled
2. Clone https://github.com/18clans/demo-pipe
3. npm i
4. ng build demo-lib
5. Error will be in src > app > app.component.html

Expected behavior

When you navigate to src > app > app.component.html, you should see an error when your mouse hovers over the custom pipe.

Logs

No error logs

Screenshots

Additional context Old issue

I tested this out with a stand-alone Angular project and everything works as it should. There was no error in the .HTML file and it ran just fine. An example project can be found here: Working demo project.

[andrius-pra]

I see 3 issues in you demo project.

1. It is missing required packages: ng-packagr, tsickle
2. You can’t use typescript Barrel in projects\demo-lib\src\public_api.ts and all its dependencies. You need to use full path to file or add \index to your export statements. ex: use export * from "./reverse-string/index"; instead of export * from "./reverse-string";. (ng-packagr/ng-packagr#195)
3. angular language service doesn’t support ivy library packages. You can disable ivy in you library by adding "enableIvy": false to angularCompilerOptions in projects\demo-lib\tsconfig.lib.json

I have created branch with all changes.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}