ionic3懒加载IonicPage使用报错
ionic3.X版本有不少亮点。作为从angular1到ionic1、ionic2一直用它们开发单页面应用的使用者来说,一直存在的一个痛点就是,将整个项目作为网页不打包成app的话,第一次加载时间太长了,而且怎么优化都解决不了这个问题,简直残忍。所以当看到说3.x支持页面懒加载了之后,忍不住试了几试,结果很尴尬....不管是按照官方文档还是国内其他人的一些文章,结果都会报错。再三检查,确定代码没有问题。调来调去,找资料,google...都没找到什么有用的信息,心中不免奇怪,这么多人用,怎么就没见其他人遇到这个问题?作为刚更新的版本,国内没人遇见,国外也不应该没人遇见吧。想到这里就开始怀疑了,国内国外...是不是cnpm的锅.....果断删除了node_modules,用npm install重新下载了一次。恩,很好,很强大,可以了。
可以了之后看了下build下面的文件目录,发现每个懒加载的页面代码会单独生成一个1.main.js、2.main.js.....,当你进入这个页面的时候,才加载这对应的代码。算是解决ionic这种大的单页面框架在web上第一次加载时间太长这一痛点的良好开端吧(之所以说是良好开端,因为库文件还是很大,还是一次性加载....)!
文章有什么不足之处,欢迎大家指出谈论。一起进步!