ionic5踩坑日记

本文记录了使用Ionic5、AngularJS和Cordova进行app开发时遇到的问题及解决方案,包括路由跳转、页面重构、SQLite插件使用、Gradle环境配置、sharp模块错误等,提供了解决这些问题的具体步骤。
摘要由CSDN通过智能技术生成

最近要做一个用ionic5+angularjs+cordova开发的app,网上关于ionic5的资料不多,而且多用ionic提供的ui组件进行开发。
由于我的项目要求是用原生html+css编写的界面,不能用他的组件。
day1
首先,关于主页跳转有多种方式,采用它的模块进行路由跳转是一种方法。
在app-routing.module.ts中对path进行配置。
或者,在assets文件夹中作为静态资源加载进去,当www文件编译生成后,可以通过绝对路径访问。
或者,适用于本项目的方法是,在angular.json文件中,对项目首页文件进行配置,修改“index”参数的文件指向,可以将css文件放入assets文件夹中,在assets和styles中添加地址。注:将grobal.scss文件中
在这里插入图片描述
注释掉以防对我们自己编写的css文件产生影响。

day2
考虑到后续的动态页面的改写,今天将几个页面通过module.ts+.ts文件结构进行重构,并重新将首页定向到index.html。
index.html文件,只起到引导app页面的作用,将各个页面的module加入app-routing.module.ts文件中,进行跳转。

定时器跳转页面,遇到一个小坑,在使用路由跳转页面的时候,出现 url 成功改变,但是整个页面未发生刷新的情况,一开始以为是层级的问题,找了很久没找到答案,将XXModule错误引用至

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

独忘机

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值