Support for Angular 20 replace afterRender with afterEveryRender
Closed this issue · 3 comments
we got this error after migration
X [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "afterRender"
node_modules/@coreui/angular/fesm2022/coreui-angular.mjs:2:336:
2 │ ...DetectorRef, contentChild, afterRender, viewChild, ViewContainer...
Looks like you have to update the package to be compatible with it as afterRender is replaced with afterEveryRender in angular 20 , can you speed up please with this update ?
Please update to @coreui/angular version ~5.5.0 for Angular 20 and let us know if it works for you.
thank you , the error is gone but I got another error regarding to bootstrap conflict with coreUI
X [ERROR] ("ltr": translate(-50%, -50%), "rtl": translate(50%, -50%)) isn't a valid CSS value.
╷
74 │ #{$property}: $value if($enable-important-utilities, !important, null);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\mixins_utilities.scss 74:27 root stylesheet [plugin angular-sass]
I am importing both files in my global scss
// Import styles with default layout.
@import "@coreui/coreui-pro/scss/coreui";
/* Importing Bootstrap SCSS file. */
// @import "./node_modules/bootstrap/scss/bootstrap";
@ShaimaaHamdan We don't know the specifics of your SCSS setup, but using both Bootstrap and CoreUI together is generally unnecessary. CoreUI is Bootstrap-compatible and introduces a number of extensions and improvements over it. If you must use Bootstrap, consider migrating from @import to @use to prevent variable and mixin naming conflicts.