Angular6專案執行到95%emitting LicenseWebpackPlugin不動卡住

風靈使發表於2018-09-11
AngularMITWebPlugin

將angular版本跟新到6.0.6，新建angular專案突然無法執行了，我新建專案步驟如下：

ng new demo
cd demo
ng serve --open

執行結果如下，程式一直卡在95%
這裡寫圖片描述
檢視我的環境配置
這裡寫圖片描述

網上查詢資料，有博主分析是npm版本太高，我趕緊用npm i -g npm@5.6.0把版本降下來，然額，情況還是一樣。emmm。。網速的問題？過了大約半個小時情況我再試，情況並沒有改善，排除掉npm版本的問題。我先用npm install -g npm把npm版本還原到開始的版本6.1.0，想到也許是安裝依賴的問題，於是我npm install，但是此操作致命，在等待安裝過程中，系統完全卡住，啥都點不動，十幾分鍾過去，專案執行情況如下：remove:babel-template......（為什麼不放截圖，因為系統卡的我連截圖都打不開！）感覺情況有點無法掌控了，趕緊狂按Ctrl+C停止安裝依賴模組。我不服氣，刪掉整個node_modules目錄，再npm install，等待幾分鐘，安裝好了依賴，再ng serve --open，執行successful
這裡寫圖片描述

好感人！
看來新建專案無法執行就是node_modules目錄在作祟了，只要刪掉改目錄在install就可以了。分析原因是ng new project的時候angularcli腳手架工具把依賴模組也安裝了，非npm安裝的模組在執行時發生了衝突，所以需要刪除node_module目錄，重新使用npm安裝。但是我每次新建一個專案，就要先刪再安裝目錄感覺有點麻煩，那麼可以這樣，用angularcli新建專案的時候使用命令 ng new project --skip-install，跳過依賴模組的安裝就好了。
囉嗦這麼多，總結一下吧，angular6專案的新建執行步驟如下：

ng new project --skip-install
cd project
npm install
ng serve --open

重點：單獨安裝依賴模組，親測有效。

angular2在執行ng serve的時候卡在95% emitting LicenseWebpackPlugin

放棄使用cnpm，使用yarn
1.刪除node_modules （不需要刪除project目錄重新ng new）

安裝yarn：npm install --global yarn
配置倉庫：
    npm config set registry http://registry.npmjs.org/
    yarn config set registry https://registry.yarnpkg.com/
科學上網：
    npm config set registry https://registry.npm.taobao.org
    yarn config set registry https://registry.npm.taobao.org
新建專案：ng new project --skip-install
匯入依賴：進入project目錄執行 yarn install

相關文章