[Web] Angular + Node.js 環境重建
之前寫的Angular + Node.js的網頁程式
放在舊的SERVER上，最近SERVER出問題了。
想把整個網頁程式重建成跟以前一樣（對應當時安裝的npm Node.js, Angular版本）
如果用新版來跑之前寫的程式會有compiler失敗的情況。
總之，一開始將環境先用預設值安裝後，compiler失敗。當時安裝的指令如下：
sudo apt-get install -y nodejs
sudo apt-get install npm
npm install npm@latest -g
(the command is update npm)
sudo npm install -g @angular/cli
sudo npm install -g --unsafe-perm node-red
sudo npm install -g --unsafe-perm serialport
sudo npm install -g --unsafe-perm node-red-node-arduino
sudo npm install -g --unsafe-perm node-red-node-serialport
以上安裝都是不考慮版本問題直接安裝，在舊的網頁程式compiler會顯示失敗。
解法：
sudo npm uninstall -g --unsafe-perm node-red
sudo npm uninstall -g --unsafe-perm serialport
sudo npm uninstall -g --unsafe-perm node-red-node-arduino
sudo npm uninstall -g --unsafe-perm node-red-node-serialport
sudo npm uninstall -g @angular/cli
sudo apt-get remove npm
sudo apt-get remove -y nodejs
//-------------- 以上先解除安裝舊版己經裝好的package, 以下開始重新安裝 ---------
sudo apt-get install npm=12.16.3 //指定安裝npm版本 12.16.3
sudo apt-get install -y nodejs //Node.js版本不變
nodejs -v //檢查Node.js版本
sudo apt-get install npm
sudo npm install n -g //安裝node版本管理模組 n
sudo n 12.16.3 //將node版本指令到 12.16.3
npm -v //檢查npm版本
sudo npm install -g @angular/cli@9.1.7' //安裝angular/cli 指定版本為9.1.7
安裝完後，輸入指令
ng version
會顯示：
Angular CLI: 9.1.7
Node: 12.16.3
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.901.7
@angular-devkit/core 9.1.7
@angular-devkit/schematics 9.1.7
@schematics/angular 9.1.7
@schematics/update 0.901.7
rxjs 6.5.4
// ----------------- 以上版本是對應到之前寫好的網頁程式的版本 --------------
這樣就大功告成了。就可以把版本號對應到當時寫好的網頁程式的版本。
只要將之前寫好的網頁程式碼，copy到新的主機上再compiler一次 就可以順利執行。
PS: 輸入指令，
一個字 n, 會顯示所有安裝的node的版本，與目前正在使用的node的版本
輸入指令
sudo n rm 版本號
可刪除那個版版本號的node
輸入指令
n 版本號
可指定使用輸入的版本號來使用。
參考：
https://www.796t.com/article.php?id=217732
留言
張貼留言