ionic3.X版本有不少亮点。作为从angular1到ionic1、ionic2一直用它们开发单页面应用的使用者来说，一直存在的一个痛点就是，将整个项目作为网页不打包成app的话，第一次加载时间太长了，而且怎么优化都解决不了这个问题，简直残忍。所以当看到说3.x支持页面懒加载了之后，忍不住试了几试，结果很尴尬....不管是按照官方文档还是国内其他人的一些文章，结果都会报错。再三检查，确定代码没有问题。调来调去，找资料，google...都没找到什么有用的信息，心中不免奇怪，这么多人用，怎么就没见其他人遇到这个问题？作为刚更新的版本，国内没人遇见，国外也不应该没人遇见吧。想到这里就开始怀疑了，国内国外...是不是cnpm的锅.....果断删除了node_modules,用npm install重新下载了一次。恩，很好，很强大，可以了。

　　可以了之后看了下build下面的文件目录，发现每个懒加载的页面代码会单独生成一个1.main.js、2.main.js.....,当你进入这个页面的时候，才加载这对应的代码。算是解决ionic这种大的单页面框架在web上第一次加载时间太长这一痛点的良好开端吧（之所以说是良好开端，因为库文件还是很大，还是一次性加载....）！

　　文章有什么不足之处，欢迎大家指出谈论。一起进步！

ionic3懒加载IonicPage使用报错的更多相关文章

  1. ionic3 懒加载在微信上缓存的问题

    1.懒加载是什么? 在ionic2中所有的组件.模块.服务.管道等都堆积在app.module.ts模块中,在页面初始化的时候会一次性加载所有的资源,导致资源过大,页面渲染缓慢,也导致app.modu ...

  2. ionic3包还原使用yarn命令执行步骤（解决ionic3懒加载报找不到 module的错误）

    使用cnpm 还原ionic3.6的依赖包的时候 可以正常还原,但是使用懒加载就会报找不到 module 的错误.最简单的解决办法是删除node_modules 挂个vpn 重新执行npm insta ...

  3. 一步步学习NHibernate(4)——多对一，一对多，懒加载(1)

    请注明转载地址:http://www.cnblogs.com/arhat 通过上一章的学习,我们学会如何使用NHibernate对数据的简单查询,删除,更新和插入,那么如果说仅仅是这样的话,那么NHi ...

  4. spring4+springmvc+springdataJPA+hibernate4+Junit4整合懒加载问题

    文章目录 技术交流 #摘要 本文主要是为了解决"spring4+springmvc+springdataJPA+hibernate4+junit4整合",注解了OneToMany. ...

  5. Ionic3新特性--页面懒加载1

    Ionic3新的懒加载机制给我带来了如下新特性: 避免在每一个使用到某Page的Module或其他Page中重复的import这个类(需要写一堆路径) 允许我们通过字符串key在任何想使用的地方获取某 ...

  6. Ionic3，懒加载（二）

    Ionic懒加载: 普通的ionic项目中,创建好每一个Component页面后,都需要在app.module.ts中进行declaration(声明)后才能进行调用,而这样的声明方式,及在APP加载 ...

  7. Ionic3 组件懒加载

    使用懒加载能够减少程序启动时间,减少打包后的体积,而且可以很方便的使用路由的功能. 使用懒加载: 右侧红色区域可以省略掉(引用.声明也删掉) 若使用ionic命令新建page,则无需进行下面的操作,否 ...

  8. vue-cli3+typescript+路由懒加载报错问题

    vue-cli3的版本是3.4.1 出现的情况是网页显示正常,但是终端一直提示找不到模块: 如果去掉路由懒加载的方式,就没有报错: 原因是以前我们习惯直接写文件名而不加后缀, 现在使用ts时就需要写v ...

  9. Ionic3新特性--页面懒加载2加载其他组件

    在第一节中,我们介绍了页面的懒加载方式,并进行了初步的分析,这里,我们将进一步介绍如何配合页面懒加载进行其他组件Component.Pipe.Directive等的模块化,和加载使用. 首先说明一点, ...

随机推荐

  1. os发展史

    01. 操作系统的发展历史 1.1 Unix 1965 年之前的时候,电脑并不像现在一样普遍,它可不是一般人能碰的起的,除非是军事或者学院的研究机构,而且当时大型主机至多能提供30台终端(30个键盘. ...

  2. LeetCode——560. 和为K的子数组

    给定一个整数数组和一个整数 k,你需要找到该数组中和为 k 的连续的子数组的个数. 示例 1 : 输入:nums = [1,1,1], k = 2 输出: 2 , [1,1] 与 [1,1] 为两种不 ...

  3. POJ-1703 Find them, Catch them(并查集&数组记录状态)

    题目: The police office in Tadu City decides to say ends to the chaos, as launch actions to root up th ...

  4. 吴裕雄--天生自然深度学习TensorBoard可视化：命名空间

    # 1. 不同的命名空间. import tensorflow as tf with tf.variable_scope("foo"): a = tf.get_variable(& ...

  5. 吴裕雄--天生自然 PHP开发学习：高级

    <?php echo date("Y/m/d") . "<br>"; echo date("Y.m.d") . " ...

  6. linux安装java步骤

    本文转发自博客园-Q鱼丸粗面Q.博客园-郁冬的文章,内容略有改动 本文已收录至博客专栏linux安装各种软件及配置环境教程中 方式一:yum方式下载安装 1.查找java相关的列表 yum -y li ...

  7. BBS登录功能

    BBS登录功能 一.后端实现 1.实现验证码 from PIL import Image, ImageDraw, ImageFont import random from io import Byte ...

  8. iOS 添加view的分类(更加方便的设置view的位置)

    点击创建UIView的分类category,这里命名为 PLExtension(为了和下面对应) view分类.h文件 #import <UIKit/UIKit.h> @interface ...

  9. 安装R的h5包

    系统 redhat7 安装H5的包, 依赖系统hdf5包,如下安装完, 发现版本不一致, sudo yum install hdf5-devel 解决办法: 移花接木 sudo ln -s /opt/ ...

  10. C++ 传参的方式 值传递，指针传递，引用传递

    关于传参总是搞晕,这里总结下: 值传递: void func(int n) { } void main() { int x = 1; func(x); return; } 这种就是值传递,在func函 ...