I’m attempting migrate Angular 14 to 15. I have FrontDesk/FrontDesk.UserInterface project have updated all the packages to Angular 15.You can check the screenshot below.
I executed executing material:mdc-migration in FrontDesk/FrontDesk.UserInterface.
After that I tried to build the project it threw errors in dependent project.
Shared/Shared.UserInterface2 is dependent project and it do not have angular.json
file. I was able to install Angular & Material 15 but unable to execute command ng upgrade material:mdc-migration
. Then attempted migrated manually in dependent project. I was able to fix most errors. But finally I am unable to resolve this last two error in angular-material.scss file.
angular-material.scss
/* ui2/angular-material */
// output-less includes
@use '@angular/material' as mat;
@use '@angular/material/typography' as mat-typography;
@use 'angular-material.declarations' as mat-decl;
@use 'clinicient-ui.declarations' as clinicient-ui;
@use 'clinicient-ui/mixins' as mixins;
@include mat.core();
@include mat-typography.typography(mat-decl.$clinicient-material-typography);
@include mat.all-component-typographies(mat-decl.$clinicient-material-app-theme);
// @include mat.core();
// @include mat.typography(clinicient-ui.$clinicient-material-typography);
// @include angular-material-theme(mat-decl.$clinicient-material-app-theme);
// ZM 6/4/2019: wrapped in body so identical selectors favor our styles over Material's
body {
@import 'angular-material/form-field';
@import 'angular-material/label';
@import 'angular-material/cdk';
//@import 'angular-material/ripple';
@import 'angular-material/button';
@import 'angular-material/button-toggle';
@import 'angular-material/icon';
@import 'angular-material/list';
@import 'angular-material/badge';
@import 'angular-material/card';
@import 'angular-material/checkbox';
@import 'angular-material/chip';
//@import 'angular-material/option';
@import 'angular-material/tabs';
//@import 'angular-material/autocomplete';
@import 'angular-material/datepicker';
@import 'angular-material/input';
@import 'angular-material/select';
//@import 'angular-material/slider';
@import 'angular-material/slide-toggle';
@import 'angular-material/sidenav';
@import 'angular-material/snack-bar';
@import 'angular-material/dialog';
@import 'angular-material/expansion';
@import 'angular-material/spinner';
@import 'angular-material/table';
@import 'angular-material/tooltip';
}
Thanks in Advance 😉