Skip to content

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

@Adarsh181012

Description

@Adarsh181012

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions