AngularJS2踩坑日志(一)

不知不觉,时间来到了2017年1月下旬,离我应要求把项目整体从AngularJS1迁(chong)移(xie)到AngularJS2已经有三个月了。这段时间也踩了很多坑,特写此文记录一下。

1.angularJS2 router的模块化加载方式

example:
在app.router中加入如下代码,当然具体路径按照自身情况
<pre>
{

path:'setting',

loadChildren:'../modules/setting/setting.module#SettingModule',

pathMatch:'prefix'

}
</pre>

其实坑不在这里,毕竟模块化加载在文档上是有说明的,其实大家详细阅读ng2的文档都能够发现...
然而问题是在第一次加入这段代码的时候,控制台上会死命输出

错误信息

第一次看到这个输出信息时,年轻的我以为是我的路径真的输错了,然后

while(true){
    检查路径();
    检查文件名();
    检查模块名();
}

但是经过再三检查也是没有问题的,年轻的我绝望地关闭了webStrom重新打开...然后就可以了...
事实证明,这个问题的出现可能跟我用的是angular-cli有关?因为其他的quick-start我也没有用过,在后续的开发进程中,只要把ng start这条命令终止再重新ng start一次就好了。

知道真相的我眼泪流下来...

2.resource以及Redux

这个倒不是坑,只是我在几个月的开发过程中,经过多次试用,选用的resource模块是ng2-resource-rest(https://github.com/troyanskiy/ng2-resource-rest )

作者更新很快,处理issue挺及时的,当时竟然给我一种我们之间没有时差的错觉...然而习惯了ng-resource的我总是有种不习惯的感觉,看看什么时候空下来(虽说不跑路好像也没有空下来的机会)就自己造个轮子,如果筒子们能支持下我就好了XD

ng2 的Redux,我用的是@ngrx/store 用着还行,不过我后来觉得有点烦就直接用RxJS撸了几个services

这次先写这么多,明明坑有这么多,真到回想发现有点想不起来了

[啦啦啦啦][]
[啦啦啦啦]: http://blog.ruiyeah.me/angularjs2-trick-1/

推荐阅读更多精彩内容