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

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

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

原文地址:https://www.cnblogs.com/czaiz/p/6278191.html