最近在由於公司的項目要重構,Superiors要求將原先的Ionic1+angular1+gulp用全新的Ionic2+angular2+webpack重構。苦逼的Google了好久,環境搭建還是不太理想,礙於項目的進度,所以將就着用,現在剛好稍微有點時間,就想先搭一個angular2+webpack的環境來試試看;
一、開發環境
node:6.9.1 +,
npm:3.10.8 +,
IDE:VS Code
二、前述廢話
要想學習angular2最可靠的途徑,就是看angular2的官方文檔,官方文檔里面的內容應有盡有;所以,Go!
https://angular.cn/docs/ts/latest/guide/webpack.html
(當然這個是搭建環境文章,怎么會直接去入門文檔呢!要學angular2自個上https://angular.cn/docs/ts/latest/)
跟着這個教程,從頭到尾的敲。
三、問題記錄
首先遇到第一個問題:
npm install的時候安裝一個叫做 “phantomjs-prebuilt” 的插件時可能會因為網速的問題,超時~
這個問題。Easy。當然是重復安裝啊。
npm install phantomjs-prebuilt;
如果實在不行,而且你又剛好有梯子,那就設置你的npm代理吧,
npm config set proxy http://ip:port;
第二個問題,
在你把一切准備好,滿懷希望地敲着npm start運行時,可能會報出一個錯誤
TypeError: Cannot read property 'exclude' of undefined at XXX
不虛不虛,Google一下,在github上面貌似有很多人都是這個問題,這個時候我們看看從angular2官網copy下來的 package.json 文件里面的 "typescript" 的安裝版本 是^2.0.3的,估計是太老了吧!立馬更新這個typescript的版本啦~~
npm install typescript@2.0.10 Nice~搞定;
我看了一下github上面也還有人是2.1.x版的也是這個錯誤。所以我要提醒一下各位愛敲碼的騷年們。更新歸更新,也不要太新。矜持點。
第三個問題,
在你把第二個問題解決掉,又重新滿懷希望地敲着npm start運行時,可能會報出很多個重復的錯誤
Cannot find name 'Promise'.
別急別急,這個問題貌似是es6什么鬼墊片什么鬼引起的,我也不太清楚,畢竟英文渣到不行。
但是問題還是得解決啊
npm install @types/es6-shim
往你的console敲進去吧。等待讀條完畢安裝成功后,就可以的啦~
這些就是我在跟着angular2官方的webpack文檔搭建時遇到的問題,分享出來,希望可以幫到大家~
各位看官,如有問題,別留情,用力賜教~
僅是賜教而已~別想歪。手動滑稽~