npm版本安裝問題

 

問題一

描述

　　運行npm install以後，前端頁面console控制檯報錯，invalid props。

排查

　　1. 排除了代碼問題，徹底同樣的代碼，其餘人的運行無誤。

　　2.猜測多是版本號問題，查看了package.json，antd的版本號爲3.11.6，可是package-lock.json中的版本號爲3.12.6，隨後去antd的git官網查看其最新版本號爲3.12.3

嘗試解決方法

　　方法1、從新運行npm install，並無修改package-lock.json中的版本號，程序仍是報錯

　　方法二.、運行npm install antd@3.11.6，package-lock.json中的版本號變爲3.11.6，查詢運行成功

驗證猜測

　　1. package.json與package-lock.json的antd版本號都爲3.11.6，修改package.json中的版本號爲3.12.3，運行npm install，package-lock.json版本號變爲3.12.3

　　2.修改package.json中的版本號爲3.11.6，運行npm install，package-lock.json版本號沒有改變，實際安裝版本即node_modules下的antd包變爲3.12.3

　　3.運行npm install antd@3.11.6，package-lock.json的版本號變爲3.11.6，node_modules目錄下的antd包被刪除

　　4.運行npm uninstall, 會刪除package.json，package-lock.json的antd版本號記錄，node_modules目錄下的antd包也被刪除

　　5.運行antd install, package.json，package-lock.json新增一條antd版本號記錄，node_modules目錄下新增antd包，版本號爲最新版本號3.12.3

結論

　　1、修改的package.json中的包版本號比package-lock.json中的版本號高時，npm install能夠修改項目版本號；反之，若是版本號比package-lock中的版本號低時，該包的實際版本號保持不變

　　2、如需下降版本號，能夠經過npm install packageName@packageVersion下降版本號