ionic

ionic 性能优化 (持续更新)

試著忘記壹切 提交于 2020-11-24 06:52:21
集成crosswalk, 参考 http://my.oschina.net/u/2485194/blog/517964 跳转页面不流畅,页面切换等待较久,思路:尽可能减少立刻载入的资源量 跳转后的页面不要载入太多css或js文件, 采用提前载入方式(index中载入) 可考虑内容延迟载入方式,先跳转到下一页,通过loading效果等待内容载入 来源: oschina 链接: https://my.oschina.net/u/2485194/blog/518270

cordova build android 内存不足

眉间皱痕 提交于 2020-10-31 22:59:18
1、这时候报虚拟内存不足-----------因为我的电脑是32位的Win7 ,经测试,64位的没有这个错误。一般报这个内存不足,java的做法就是去eclipse的option修改jre的参数值就行了。   2、但ionic的做法有点不一样:在 ionic platform add android@6.1.2 后,在 platforms\android\cordova\lib\builders 的文件夹下会有一个文件 GradleBuilder.js 。   3、用记事本打开这个文件,在内容中找到 args.push('-Dorg.gradle.jvmargs=-Xmx2048m'); 把这个 2048m 调小,具体看你的机器,我调的为 512m ;   4、如果没有找到 args.push('-Dorg.gradle.jvmargs=-Xmx512m'); 那么在 GradleBuilder.prototype.getArgs 的函数里面的return前加上这句代码就行。   5、最后执行ionic build android就可以跟之前一样的打包了 来源: oschina 链接: https://my.oschina.net/u/2610778/blog/4697448

【问题解决记录】Error: Cannot find module '@ionic/app-scripts'

ぐ巨炮叔叔 提交于 2020-10-25 15:29:30
【问题解决记录】Error: Cannot find module '@ionic/app-scripts' 参考文章: (1)【问题解决记录】Error: Cannot find module '@ionic/app-scripts' (2)https://www.cnblogs.com/fighxp/p/7412733.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/u/4438370/blog/4668360

解决WX-IOS打开公众号网页出现的底部导航条

我的未来我决定 提交于 2020-08-18 21:14:05
在微信公众号中,打开跳转链接时会,浏览器底部分出现一个导航条,导致屏幕空间压缩。网上有些人给出了js,vue的解决方案,那么我贴一下angular版本的,希望能对你有所帮助。 代码: export class RouteWithoutHistory extends PathLocationStrategy { pushState(state: any, title: string, url: string, queryParams: string): void {} } @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ ... ], providers: [ ... { provide: LocationStrategy, useClass: RouteWithoutHistory}, ], bootstrap: [AppComponent] }) export class AppModule {}   原理: 底部的导航条是因为wx浏览器产生了历史记录导致的,所以我们操作的时候不产生历史记录就行啦。  最开始,我想到了navigateByUrl中的replaceUrl参数,但这样做面临两个问题:1 改动比较大;2 Ionic的的tab中,没办法设置此参数。所以, 要另想它法。

Ionic6使用组件出现错误:Did you add it to @NgModule.entryComponents

[亡魂溺海] 提交于 2020-08-17 16:34:19
缘由 在 Ionic6 和 Angular8 项目中使用组件时出现错误: Error: No component factory found for LoginComponent. Did you add it to @NgModule.entryComponents? 在我的上一篇文章: 移动开发:Ionic框架实现注册与登录功能 中,实现软件运行时弹出登录页面,使用的就是组件化(component)。 然而在最后运行的时候却报错。上网查了资料,大概就是说我现在代码的写法是ionic老版本的,而我的ionic版本是 6.6.0 。出现这个问题是因为我没有在要是这个组件的页面所在的模块中引入此组件导致。 解决方法(一) 找到页面所在的模块(xxx.module.ts)代码,进行修改,如下: 就是增加 entryComponents:[LoginComponent] ,用于解决上面的问题。并且在 declarations 中加入 LoginComponent ,不然还会出现 “Component LoginComponent is not part of any NgModule or the module has not been imported into your module.” 错误。 解决方法(二) 推荐 第一个方法只针对组件使用次数为1次的情况