分享到:关于ionic开发手机端卡顿提速10倍及ionic build --prod报错如何解决

在做ionic开发的时候编译项目用的是 ionic build ,但是ionic build编译出来的项目正式发布的时候运行速度很慢,

所以我们正式上线前编译 需要通过ionic build --prod来编译。

但是很多同学在用ionic build --prod的时候报错,如下图:

意思感觉是模块有问题,那么下面我们就看看ionic build --prod的时候类似上图的错误如何解决:

上面错误的主要原因是我们在创建页面的时候通过ionic g page 页面名称 来创建的。

命令创建完成组件以后再根目录会多一个 名称.module.ts

解决方法就是:

1、备份你的代码

2、删除pages目录里面的所有组件里面的 .module.ts文件

3、找到对应的pages目录里面的所有组件 删掉里面的 @IonicPage()

4、重新 ionic build --prod就可以了

假如在生产环境的时候发生下图错误

解决方法

1、npm install -g cordova

2、npm install -g ionic

3、ionic start myApp blank

4、cd myApp

5、cordova platform add android

其中1你应该是装过的,2也应该是装好的,3应该也有,必竟你有项目,4是进入到你的项目中,所以只需要执行第5步。执行第5步的时候,可以先执行  cordova platform 这个命令,会出来一些提示。看看你需要生产什么样的环境,比如我需要跑浏览器,不是要生成APP。我选择了browser。完整命令是  cordova platform add browser  回车。执行完毕后,待安装完毕后,再次执行 ionic build --prod 就不会报错。生产结束后,将你www目录下的文件复制到你服务器上即可上线跑,注册此时应该在www下有一个build目录,交互速度爆炸了。超快。屌的一逼!