Running on Mac wanting to downgrade Brew/angular-cli


Topic: Running on Mac wanting to downgrade Brew/angular-cli

JeroenVunderink pro premium asked 8 months ago

I have an angular 8 MDB project that I cannot upgrade in any shape or form. I posted an earlier question and followed all advice but didn't work either, so I did a complete step back and tried a project from scratch and this also doesn't work.

Problem is that even the standard examples and even the manual install of a new project doen't work. I use the instructions on this page: https://mdbootstrap.com/docs/standard/pro/installation/

The MDB package I have is: Super Bundle: MDB PRO + Admin Dashboard + All Plugins (Angular version)

The node version I run is: node -v v12.22.7

The npm version is:

{ 'ng-uikit-pro-standard': '12.0.0', npm: '6.14.15', ares: '1.17.2', brotli: '1.0.9', cldr: '39.0', http_parser: '2.9.4', icu: '69.1', llhttp: '2.1.4', modules: '72', napi: '8', nghttp2: '1.46.0', node: '12.22.7', openssl: '1.1.1l', tz: '2021a', unicode: '13.0', uv: '1.42.0', v8: '7.8.279.23-node.56', zlib: '1.2.11' }

The angular version I run is: Angular CLI: 13.0.1 Node: 12.22.7 Package Manager: npm 6.14.15 OS: darwin x64

I read that the Pro version only supports is compatible with Angular 12. So or I downgrade via brew to a lower version but: brew install angular-cli@12 doesn't work and I have searched the crap ut of the internet but haven't found out how to have angular 12 installed and switched to the lower version. And I prefer to run on the brew installations.

Is there any way to run on Angular 13 with MDB? Or do I just have to wait? I can't believe that.

Please advice...

Jeroen


JeroenVunderink pro premium answered 8 months ago

So basically I have three question.

1) Can I run my pro package on Angular 13 as is now delivered by Homebrew (cause I do not like to install the regular version but mange my packages with bre) 2) Is there by any change taht the MBD team or anyone that can help me downgrading to "brew install --overwite angular-cli@12" (or something) or have any other suggestions. 3) When are you upgrading to Angular 13? Cause I'm getting deeper in the packages hell.

Please help...


Grzegorz Bujański staff answered 8 months ago

We will update Angular's version as soon as possible.

The page you send  (https://mdbootstrap.com/docs/standard/pro/installation/) is for MDB5 Standard (vanilla js). You should use the MDB4 Angular version - https://mdbootstrap.com/docs/angular/getting-started/installation/

To downgrade your Angular version you can use advice from these pages: https://newbedev.com/shell-brew-uninstall-angular-cli-code-example https://tecadmin.net/install-angular-on-macos/

Please note on the second page you can find how to install a specific version of the package


JeroenVunderink pro premium answered 8 months ago

Hi Grzegorz,

Let me start to thank you for your reply. The links helped me to downgrade the versions.

I have tried literally everything this weekend and there is for me no way to make my project work with the new MBD kits on Angular 12. And reading the support pages I feel I'm not alone in this. So what I did is go back to Angular 8 and restore my project and used the compatibility list: https://stackoverflow.com/questions/60248452/is-there-a-compatibility-list-for-angular-angular-cli-and-node-js

  1. I uninstalled angular-cli with homebrew
  2. I installed Node10 with homebrew and linked that version
  3. I installed the "plain" angular on my mac: npm install -g @angular/cli@8
  4. I restored my Angular 8 version of my project

So my versions are now:

node -v v10.24.1

npm version { npm: '6.14.12', ares: '1.15.0', brotli: '1.0.7', cldr: '39.0', http_parser: '2.9.4', icu: '69.1', modules: '64', napi: '7', nghttp2: '1.41.0', node: '10.24.1', openssl: '1.1.1k', tz: '2021a', unicode: '13.0', uv: '1.34.2', v8: '6.8.275.32-node.59', zlib: '1.2.11' }

ng version Angular CLI: 8.3.29 Node: 10.24.1 OS: darwin x64 Angular: ...

Package Version ------------------------------------------------------ @angular-devkit/architect 0.803.29 @angular-devkit/core
8.3.29 @angular-devkit/schematics 8.3.29 @schematics/angular 8.3.29 @schematics/update 0.803.29 rxjs 6.4.0

Opened the folder with code, did the ng serve ---o, it compiled and the website is running fine again.

It's a bit of yak shaving but all finally all works again.

NOW MY QUESTION, AFTER GETTING BACK TO ANGULAR8 AGAIN

Can you please help me and explain me what the proper steps are to upgrade my project to Angular12 so I can use the "MDB-Angular-Super-Bundle-12.0.0" bundle and be on the latest versions again?

You help and advise is so appreciated.

Thanks in advance, Jeroen


Arkadiusz Idzikowski staff answered 8 months ago

@JeroenVunderink MDB-Angular-Super-Bundle-12.0.0 is a zip package that contain ready-to-use Angular 12 projects with pre configured MDB Angular products (main MDB Angular library ng-uikit-pro-standard, admin template and plugins).

Could you provide more details about the MDB Angular product (and its version) that you use in the project with Angular 8 installation? Is it our Admin template or a custom project with ng-uikit-pro-standard installation (you should use v8.x.x in this case).

In the Super Bundle package you can find a MDB-Angular-Pro-Basic-12.0.0 zip which is a ready-to-use Angular 12 project with MDB Angular 12.0.0 (ng-uikit-pro-standard) configuration. If possible in your case, the easiest way would be to use this project and add your custom code to it.

However, if you already have a bigger application running with Angular 8, you would need to update your Angular and MDB dependencies in this existing project. To do that you need to update Angular and ng-uikit-pro-standard separately.

When it comes to Angular update we recommend using official Angular update guide and update major versions step by step (from 8 to 9, then from 9 to 10 and so on): https://update.angular.io/. Please note that you will probably need to update your Node version as well.

Migration of ng-uikit-pro-standard library will depend on the installation method that you used. If you install MDB from our GitLab server, you just need to run npm install command after Angular version updates to download latest version of our package. If you install MDB Angular from a .tgz file, you need to copy the new ng-uikit-pro-standard tgz file (12.0.0) from MDB-Angular-Pro-Basic-12.0.0 to your project.

If you already use MDB with Angular 8, there is a high chance that you are using a syntax that is no longer supported in the latest version of MDB Angular. We prepared a migration guide that will help you to update specific components/dependencies: https://mdbootstrap.com/docs/angular/getting-started/migration/


JeroenVunderink pro premium answered 8 months ago

Thanks again for the answer.

To give you an idea about what I am building I made a screen recording of my dev environment website. https://media.bloedlijnen.nl/demo/new_website.mov

And you can clearly see it's a customer project.

If you install MDB Angular from a .tgz file, you need to copy the new ng-uikit-pro-standard tgz file (12.0.0) from MDB-Angular-Pro-Basic-12.0.0 to your project

This is what I did in the past.

Reading you reply I hope you have tips after looking at my video. To be honest I believe that after my journey this weekend, I have more understanding about how all this works but please guide me a little if possible.

The reason I bought you siftware is because I "hate" infrastructure and want to add value with my software and am willing to pay money so I can focus on my website delivery.

In my current Angular8 project I use the ng-uikit-pro-standard-10.0.0 and the mdb-file-upload-10.0.0 and also the WYSIWYG component.

And the reason I wanted to run angualr-cli under homebrew is that I can follow all instuctions that you emailed by just linking and unlinking Node and Angular to different versions...

Please advice.


Arkadiusz Idzikowski staff answered 8 months ago

In this case it would be difficult to move to a new project because it looks like you already created many custom components and views.

Here are the steps you need to take to correctly update the existing project:

  1. Remove MDB packages (just in case to avoid conflicts in dependencies) by using npm uninstall ng-uikit-pro-standard and npm uninstall mdb-file-upload commands.
  2. Update Node to LTS version.
  3. Update Angular version one by one as suggested in the official guide: https://update.angular.io/
  4. Copy v12.0.0 MDB tgz archives to your project and install packages
  5. Use our migration guide and check if you need to apply any changes: https://mdbootstrap.com/docs/angular/getting-started/migration/

Please let us know if you encounter any problems and provide a detailed description of the issue.


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: Yes
  • Technology: MDB Angular
  • MDB Version: MDB4 12.0.0
  • Device: Mac
  • Browser: Chrome
  • OS: Monterey
  • Provided sample code: No
  • Provided link: Yes