angular2+webpack的搭建過程遇到的問題記錄


最近在由於公司的項目要重構,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文檔搭建時遇到的問題,分享出來,希望可以幫到大家~

各位看官,如有問題,別留情,用力賜教~

僅是賜教而已~別想歪。手動滑稽~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM