angular-progress-bar icon indicating copy to clipboard operation
angular-progress-bar copied to clipboard

Compatibility Issue with Angular v19 - <progress-bar> Component Not Working

Open Adarsh181012 opened this issue 10 months ago • 0 comments

Hello,

I am encountering an issue while using the angular-progress-bar package (version 1.0.11) in an Angular v19 project with standalone components. Despite following the documentation and importing the ProgressBarModule correctly, the component does not work as expected.

Steps to Reproduce:

  1. Install the package using npm install angular-progress-bar.
  2. Import ProgressBarModule in the app.config.ts file: import { ProgressBarModule } from 'angular-progress-bar';
  3. Add ProgressBarModule to the providers array using importProvidersFrom: importProvidersFrom(ProgressBarModule)
  4. Use the component in a standalone component's HTML file: <progress-bar [progress]="75" [color]="'#488aff'">

Observed Behavior: The component does not render, and the browser console shows errors related to the component or module. Errors in the skills.component.ts file when trying to include ProgressBarModule in the imports array. Expected Behavior: The component should render correctly without errors.

Environment: Angular Version: 19.0.0 angular-progress-bar Version: 1.0.11 Node.js Version: [Your Node.js version] Browser: [Browser and version] Additional Notes: The issue might be related to compatibility with Angular v19 and its standalone component architecture. If the package is not yet compatible with Angular v19, please provide guidance or update the package to support the latest Angular version. Thank you for your assistance!

Adarsh181012 avatar Apr 07 '25 00:04 Adarsh181012