Metronic-angular 7 upgrading to angular 12
Hello everyone,
We have been utilizing your Metronic template in conjunction with Angular 10. However, as we are now upgrading to version 12 due to the advancements in Angular, we have encountered some errors after upgrading our angular to version 12 and rebuilding the application.
We would greatly appreciate your assistance in helping us resolving this issue. Alternatively, if possible, could you provide us with some links or guides how we were able to fixed these issue after upgrading to angular 12?
The reason behind our request is that we prefer not to switch to a different template, as newer template versions often come with changes to the CSS classes, which could potentially cause significant disruptions for us.
These are some of the issues we face, but we believe they all revolve around the same underlying problem.
Replies (2)
Hi,
Thank you for using our Metronic template. We are glad to hear that you are satisfied with our product and want to continue using it.
We have some suggestions that might help you resolve the issues you are facing after upgrading to Angular 12.
First, you can follow the official Angular update guide at https://update.angular.io/ and select the version you want to update from and to. The guide will provide you with detailed steps and commands to perform the upgrade, as well as some tips and recommendations to avoid common pitfalls.
Second, you can check out this article here that explains how to upgrade an Angular application from an older version to 12: https://medium.com/coding-in-depth/upgrading-angular-application-from-older-version-to-12-version-8fc9c86d88e3 or this https://mysagaventure.com/how-to-upgrade-your-angular-app-from-version-7-to-version-17/
The article covers some important aspects such as updating TypeScript, CLI, test runners, UI components, and target in tsconfig.json.
Third, you can refer to this Stack Overflow question that discusses how to upgrade Angular 7 to Angular 13: https://stackoverflow.com/questions/72216367/how-to-upgrade-angular-7-to-angular-13 . The accepted answer suggests creating a new Angular project with the latest version and copying the relevant files from the old project, while fixing any syntax errors or missing imports along the way.
We hope these suggestions will help you successfully upgrade your Angular version and enjoy the benefits of the latest features and improvements. If you have any further questions or feedback, please feel free to contact us anytime.
Thank you for your support and cooperation.
Hi,
Thank you for your feedback. Our support team will check your case and reply according to you as soon as possible.
Regards.
