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文档搭建时遇到的问题，分享出来，希望可以帮到大家~

各位看官，如有问题，别留情，用力赐教~

仅是赐教而已~别想歪。手动滑稽~