最近在由于公司的项目要重构,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 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文档搭建时遇到的问题,分享出来,希望可以帮到大家~
各位看官,如有问题,别留情,用力赐教~
仅是赐教而已~别想歪。手动滑稽~