Angular是一個開箱即用的框架沒問題,但同時此框架所依賴的包在不停地變換中,雖然此框架的容錯性很好,然而某些依賴包的版本兼容問題仍是會不按期出現。這不,2018年1月14日忽然有人告訴出現問題了,如圖所示:css
怎麼辦呢?解決唄node
出現此問題是在服務器上首先暴露出來的,其次你們從SVN上全新down代碼,從新下載依賴包會出現此問題,以前本地一直運行的是沒有問題的。從差別入手,找出問題根源。git
解決思路github
思路一:根據SVN提交記錄,肯定組內兩名成員作了修改,進行提交,經過溝通和他們的確認,問題貌似不在他們那裏。npm
思路二:根據錯誤信息提示,依賴包css-loader和postcss-loader版本問題,經過比對可運行依賴包與最新下載無差異。json
思路三:根據錯誤信息提示,看到是CSS的問題,試圖根據提示信息,將css文件引入一些相關項先刪除,錯誤依舊存在服務器
思路四:本身不行,上網搜索,如今國內網站搜索,根據錯誤比對嘗試了幾種方案,錯誤依舊在,真是不離不棄啊。框架
思路五:進軍國外網站,畢竟Angualr目前的應用態勢要普遍於國內,經過搜索,第一種方案嘗試,失敗,第二種方案沒想到就迎來了春天,問題解決了。post
巨人的肩膀:https://github.com/angular/angular-cli/issues/8781#issuecomment-355226128性能
結合實際狀況,如下是問題解決方案:
腳手架@angular/cli版本太高問題,腳手架1.6.4版本應用在ng4的項目上會有問題,自己@angular/cli進軍1.6的版本後,應該是與ng5項目相匹配的,原先爲了提供性能,ng4的項目使用ng5的腳手架,繼而可能會暴露一些問題。
1.項目負責人將package.json中@angluar/cli的引入去掉。
2.組員從SVN上拉取最新代碼後,依次執行:
<1>cnpm install
<2>cnpm install primeng@4.2.2
<3>cnpm install @angular/cli@1.6.3
至此,問題迎刃而解。
若是你本地已經執行了cnpm install,這個命令,解決此問題只需執行爲:
cnpm i @angular/cli@1.6.3 --save-dev
如下步驟一樣能夠解決問題,原理是同樣的,只不過這是以前按照本身的思路解決問題的步驟,你們直接執行上一句命令即刻,若是未解決問題,也可按照以下問題方式解決。
<1>rimraf node_modules,若是本地沒有rimraf,請在本身電腦安裝:cnpm install rimraf -g
<2>而後自行將package.json包裏的@angluar/cli引入刪除
<3>cnpm install
<4>cnpm install primeng@4.2.2
<5>cnpm install @angular/cli@1.6.3
項目能夠運行了: