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

1、為避免出錯,先移除項目中的ng-zorro依賴

$ npm uninstall ng-zorro-antd --save

2、再次配置ng-zorro

$ npm install ng-zorro-antd --save

 

然后再次啟動ng項目,沒報錯,完美解決;

真是煞費苦心啊,以前使用angular material的時候報錯,總以為是material的問題;擱置了幾天,總算搞定了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM