angular4.0 安裝最新版本的nodejs、npm、@angular/cli的方法

在使用ng項目的ui框架時，好比ng-zorro、angular Material，須要安裝最新版本的@angular/cli；

配置ng-zorro框架

ng-zorro官網：https://ng.ant.design/#/docs/angular/getting-started

命令行執行下面的代碼，配置ng-zorro

$ npm install ng-zorro-antd --save

命令行 ng serve 打開項目，命令行報錯 ERROR in Metadata version mismatch for module …… ng-zorro-antd/antd.ts, found version 4, expected 3……

 

大體意思就是：ng版本與ng-zorro不匹配；

而後我又看了ng-zorro官網，發現下面的提示

使用 @angular/cli 前，務必確認 Node.js 已經升級到 v6.9 或以上，強烈建議升級至最新版本的 @angular/cli。

 因此，我開始解決node版本的問題；

查看node、npm版本

node -v
npm -v

查看後發現node版本6.6.0，確實和要求不符

安裝nodeJS最新版本

 nodeJS官網：https://nodejs.org/en/

在官網下載.msi文件後，直接安裝就行；

安裝npm最新版本

如今的nodeJS已經集成了npm，因此安裝node後也自動安裝了npm；

若是想讓npm版本更新到最高，命令行執行下面代碼

$ npm install npm@latest -g

安裝@angular/cli最新版本

卸載@angular/cli，並清除緩存

$ npm uninstall -g @angular/cli
$ npm cache verify

再次配置@angular/cli

$ npm install -g @angular/cli@latest

 

這樣幾步後，nodeJS、npm、@angular/cli都已是最新版本，而後再從新安裝ng-zorro

一、爲避免出錯，先移除項目中的ng-zorro依賴

$ npm uninstall ng-zorro-antd --save

二、再次配置ng-zorro

$ npm install ng-zorro-antd --save

 

而後再次啓動ng項目，沒報錯，完美解決；

真是煞費苦心啊，之前使用angular material的時候報錯，總覺得是material的問題；擱置了幾天，總算搞定了