1.新建一个项目   ionic  start   lazy   tabs

2.cd  lazy        安装依赖包   cnpm   install

3.分别添加home.module.ts   about.module.ts   tabs.module.ts   contact.module.ts 四个文件到

home   about    tabs   contact 文件夹中     修改添加的文件

 以home.module.ts 

ionic3 配置懒加载

同时分别修改:home.ts   about.ts   tabs.ts   contact.ts

以home.ts  为例

ionic3 配置懒加载

然后修改app.module.ts  如下  其实就将页面引用去掉

ionic3 配置懒加载

修改 app.component.ts  如下   用字符串代替 important

ionic3 配置懒加载

对应的tabs.ts  也要修改

ionic3 配置懒加载

 

然后 ionic  serve   出现:

ionic3 配置懒加载

 

懵逼了。。。。。。    以为是配置出错。。。。

解决方法   删除node_modules   重新   npm   install  不是cnpm   install    别问我是怎么知道的(都是泪)

 

然后ionic  serve  就可以了

 

相关文章: