菜鸟Angular学习笔记

业余时间想着学习一下Angular,怎知道踩了一堆的坑,花了两天时间!

故事的开头只是想做一下官方的Tutorial:https://angular.cn/tutorial/toh-pt0

1. 安装AngularCLI,提示node版本不兼容

这个好说,官网重新下载node 8.11就好

2. 执行项目创建语句
ng new angular-tour-of-heroes

等了一个多小时。。。在莫名其妙的地方卡死了,最后至只能Ctrl-C强制退出

3. 把整个目录删掉,再执行一次,但出现了报错

网上查了下有说法是npm不行,要用cnpm

4. 检查了一下,cnpm果然没安装,先执行安装cnpm,这步没问题

5. 删掉目录再执行
ng new angular-tour-of-heroes --skip-install
cd angular-tour-of-heroes
cnpm install
好像没有报错了!接着执行
ng serve --open
等了好久。。。卡在了一个“95% emitting LicenseWebpackPlugin”不动,点击localhost:4200也打不开

怎么回事啊。。。继续google,说是cnpm的问题,然后还是要用npm,npm之前不是不行吗所以考虑是不是要*

6. *以后再重新执行,还是报错!看来不是*的问题

7. 最终的解决办法,安装python 2.7(之前只安装了3.6但没安装2.x),后再执行,成功了!所以python又是一个坑=_______=

最后的截图:

菜鸟Angular学习笔记

光是把程序跑起来都折腾成这样,前端学习的路真的漫漫长。。。