How to upgrade from 5.2.3 to 7?


Topic: How to upgrade from 5.2.3 to 7?

osoverflow pro asked 6 years ago

I want to know how to upgrade from 5.2.3 to latest version 7

I installed from ng-pro.git, but I see that repo only gets up to 6, how then to upgrade to 7 to gain access to nice new features?


Damian Gemza staff answered 6 years ago

Dear osoverflow,

This would be hard case both for me and you ;)

The new MDB Angular 7 package is called "ng-uikit-pro-standard" instead of "ng-pro".

As the first step, you have to remove the node_modules directory and package-lock.json file.

Next, please install the "ng-uikit-pro-standard" dependency in your application.

Here's described how to install it: Quickstart Guide - Please install the every dependency which is listed there (especially @fortawesome/fontawesome-free).

When you'll install the ng-uikit-pro-standard dependency, you have to change the imports in the angular.json file (again, this is described in the Quickstart Guide).

After correcting the imports in angular.json file, please open the app.module.ts file, and import the MDBBootstrapModulesPro module (this is also described in the Quickstart Guide).

After completing those steps, you have to correct every import in your application (change import from ng-pro to ng-uikit-pro-standard).

And that's should be all. After processing through every step carefully, you should be able to use the latest version of MDB Angular 7 in your application.

PS: Please don't forget to update the Angular from 5 to 7. PS2: Between 5.2.3 and 7.4.2 there were a lot of breaking changes (some classes are no longer available, some other classes were renamed). After serving the application it's 100% chance that your app will throw you some errors - you have to resolve it manually one by one, by changing the necessary parts from 5.2.3 to 7.4.2.

Good luck!

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 5.2.3
  • Device: Web
  • Browser: Chrome
  • OS: OSX
  • Provided sample code: No
  • Provided link: No