DEV Community

Cover image for Getting Started with Angular 9
John Peters
John Peters

Posted on • Updated on

Getting Started with Angular 9

We were working on the Angular 8 platform and did this to upgrade all Angular dependencies (global and local) to Angular 9.

The first thing to do is to create a new Angular project. Then look at the package.json file just created.


 "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.25",
    "@angular/cli": "~8.3.25",
    "@angular/compiler-cli": "~8.2.14",
Enter fullscreen mode Exit fullscreen mode

Does it look like that? If so good. You are running Angular version 8.

Now type in ng update

Dev Dependencies

After the update, you should see this:

"devDependencies": {
    "@angular-devkit/build-angular": "~0.900.5",
    "@angular/cli": "^9.0.5",
    "@angular/compiler-cli": "~9.0.5",
    "@angular/language-service": "~9.0.5",
Enter fullscreen mode Exit fullscreen mode

If you don't then run

  • ng update @angular/cli @angular/core* (again)

This should update the dev dependencies, but it didn't work for us.

We then tried this:

  • npm install @angular/cli@latest --save-dev
  • npm install @angular/core@latest --save-dev

The upgrade was not totally clean as many warnings were shown. We just ignored them all.

Then type in ng serve and you should see this!

Alt Text

If you are still having issues, look at the package.json file and see if the angular and material stuff is showing the same versions. Then type in ng --version to see the global versions. (Repeat the steps above until it works).

Discussion (0)