angulartypescriptng-bootstrapangular19angular20

ng-bootstrap with Angular 20

After updating Angular 19 to Angular 20 while having @ng-bootstrap/ng-bootstrap I receive the error:

The error in question

X [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "afterRender"

node_modules/@ng-bootstrap/ng-bootstrap/fesm2022/ng-bootstrap.mjs:2:321:
  2 │ ...ctor, afterNextRender, LOCALE_ID, forwardRef, afterRender, ApplicationRef, EnvironmentInjector, createC...

Since the release of Angular 20 was 2 days ago, I can understand that the dependant packages do not support the Angular 20 (yet). I used the newest version of ng-bootstrap (18.0.0) which is made for Angular 19. I looked for support and Stack Overflow should the place to be, so my questions are:

  1. Is the team of @ng-bootstrap/ng-bootstrap notified of this? If not, how can we reach them / let them know?
  2. If they are notified, how long can it take that ng-bootstrap supports Angular 20? A rough estimate is enough, 1 month, half a year?

Thank you in advance.

Solution

  • ng-bootstrap doesn't support v20 yet. As afterRender has been renamed afterEveryRender in angular itself.

    This PR needs to land.