精华内容
下载资源
问答
  • Ionic 5 support

    2020-12-25 21:09:05
    <div><p>Ionic 5 will have some breaking changes https://github.com/ionic-team/ionic/releases/tag/v5.0.0-beta.0</p> <p>Please streamline the components code</p><p>该提问来源于开源项目:eakoriakin...
  • ionic5-wordpress-app Ionic 5 Wordpress应用程式(iOS和Android) 使用Ionic v5的简单应用程序构建。 该应用程序显示最新帖子。 类别和按类别浏览帖子 搜索所有帖子 分页 npm start尝试 在src/app/services/...
  • ionic_5_base Projeto基本Ionic 5 PWA-菜单e选项卡
  • 在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...
  • Ionic 5 Android Issue

    2020-12-08 22:43:43
    <p>I have migrated the app to Ionic 5 and my calls all work ok in the browser and in iOS but in Android they result in a CORS error. <p>I've tried the latest version of the plugin and also ...
  • ionic5-starter-app::glowing_star:Ionic 5 Starter App。 它具有您启动Ionic Angular应用程序开发所需的一切! Firebase集成,电容器,PWA,列表,卡,导航,表格和验证等等! 获得此优质的Ionic 5 Starter,并...
  • Support for Ionic 5 ?

    2020-12-26 04:21:11
    <div><p>Does the super tabs work in ionic 5? and if not can we have separate branch for this as well as like ionic 4 and ionic 3 ty </p><p>该提问来源于开源项目:zyra/ionic-super-tabs</p></div>
  • ionic5踩坑日记

    2020-10-26 20:15:32
    最近要做一个用ionic5+angularjs+cordova开发的app,网上关于ionic5的资料不多,而且多用ionic提供的ui组件进行开发。 由于我的项目要求是用原生html+css编写的界面,不能用他的组件。 首先,关于主页跳转有多种方式...

    最近要做一个用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错误引用至启动页ts中,失败。因为同一个module不能导入到另一个module中,不能同时存在两个module中。
    第二次怀疑是 this对象重定向问题,在使用let定义变量代替this进行尝试,通过控制台打印结果,发现并不是This对象的问题,而且结果还是一样。
    第三次是寻找改变页面的页面调用策略问题,修改ChangeDetectionStrategy后,发现并非这个问题。
    最后在通过控制台打印时,发现其实跳转成功的.并且第二个页面也初始化了。在刷新后又可以显示,故想是不是在修改路由的同时并没有进行窗口的刷新。事实证明猜想是对的,采用window.location.replace(’/index’) //页面强制刷新替换为index.html,成功。但是在查找资料的时候发现大部分人没有出现这种情况,路由跳转后直接可以渲染页面成功……不知原因。

    day3
    问题:Can’t resolve all parameters for SQLiteObject: (?).
    解决:不要在app.module.ts文件中的providers 加入SQLiteObject

    问题:Cannot read property ‘openDatabase’ of undefined
    解决:由于本机插件使用本机代码,因此无法从Web浏览器对其进行测试。只有在onDeviceReady()方法启动后才能进行数据库活动。

    问题:Cannot read property ‘transaction’ of undefined
    原因:在database未初始化成功就调用了执行sql语句操作

    问题: sqlite3插件 使用window.sqlitePlugin.OpenDatabase 无法打开
    解决:使用window.OpenDatabase 函数,超级大坑,官网说用上面这个,害得我找了一天原因。

    问题:Cordova build 时候报错 Cannot read property ‘length’ of undefined

    一开始没有配置gradle环境变量,后来配置了环境,发现还是报错,使用gradle --version命令可以显示情况
    在这里插入图片描述
    遂查看 cordova requriements
    在这里插入图片描述
    解决:
    在系统变量中加上
    在这里插入图片描述
    在系统变量path中加上
    %GRADLE_HOME%\bin;
    保险起见可以在用户变量中也加上

    如果还没有成功,选择重装cordova或者装载在虚拟机上,目前不知道还有没有好的解决方法。

    问题:

    [cordova-res] Error:
    [cordova-res] Something went wrong installing the “sharp” module
    [cordova-res]
    [cordova-res] Cannot find module ‘…/build/Release/sharp.node’
    [cordova-res]
    [cordova-res] - Run “npm rebuild --verbose sharp” and look for errors
    [cordova-res] - Consult the installation documentation at https://sharp.pixelplumbing.com/install
    [cordova-res] - Search for this error at https://github.com/lovell/sharp/issues
    [cordova-res]
    [cordova-res] at Object. (D:\Program Files (x86)\Nodejs\node_global\node_modules\cordova-res\node_modules\sharp\lib\constructor.js:34:9)
    [cordova-res] at Module._compile (internal/modules/cjs/loader.js:689:30)
    [cordova-res] at Object.Module._extensions…js (internal/modules/cjs/loader.js:700:10)
    [cordova-res] at Module.load (internal/modules/cjs/loader.js:599:32)
    [cordova-res] at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    [cordova-res] at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    [cordova-res] at Module.require (internal/modules/cjs/loader.js:637:17)
    [cordova-res] at require (internal/modules/cjs/helpers.js:22:18)
    [cordova-res] at Object. (D:\Program Files (x86)\Nodejs\node_global\node_modules\cordova-res\node_modules\sharp\lib\index.js:3:15)
    [cordova-res] at Module._compile (internal/modules/cjs/loader.js:689:30)
    [ERROR] An error occurred while running subprocess cordova-res.

        cordova-res.cmd android exited with exit code 1.
    

    在这里插入图片描述
    解决:
    $ npm uninstall -g cordova-res
    $ npm install -g cordova-res
    如果安装中出现卡住
    在这里插入图片描述
    可以 ctrl+c 终止操作,然后使用
    $ cnpm install -g cordova-res
    就可以快速安装,如图所示即为安装成功
    在这里插入图片描述
    day4
    问题:Could not find plugin “proposal-numeric-separator”. Ensure there is an entry in ./available-plugins.js for it.
    在这里插入图片描述
    解决:解决通过ionic build --prod编译项目时出现“Could not find plugin "proposal-numeric-separator"问题

    将apk打包放在虚拟机上
    cordova build android

    ionic cordova emulate android

    sqlite数据库在真机上要在open后执行,一般放在then()中

    展开全文
  • Add Ionic 5 projects support

    2021-01-12 19:49:19
    <p>Full Ionic 5 support as for Angular or React web projects <h2>Current Behavior <p>Ionic project are not supported by Nx. There are some projects proposing some sort of Ionic support in nrwl ...
  • Ionic5 Native 插件引入

    2021-02-20 23:48:55
    Ionic5 Native 插件引入 XXXX: 对应的插件名,比如App-Version 安装 Ionic Native 核心依赖库,如果不安装后面会报错,提示@ionic-native/app-version has missing dependencies: - @ionic-native/core npm install ...

    Ionic5 Native 插件引入

    XXXX: 对应的插件名,比如App-Version

    安装 Ionic Native 核心依赖库,如果不安装后面会报错,提示@ionic-native/app-version has missing dependencies: - @ionic-native/core

    npm install @ionic-native/core --save

    安装插件对应的Ionic Native依赖包

    npm install cordova-plugin-XXXX
    npm install @ionic-native/XXXX
    ionci cap sync
    ionic capacitor build android

    展开全文
  • How to implement in ionic 5

    2020-12-27 02:42:35
    <div><p>Example with ionic 5</p><p>该提问来源于开源项目:eakoriakin/ionic-selectable</p></div>
  • Ionic5登录功能

    2020-03-09 10:00:46
    Ionic5登录功能。 普通的一个登录功能,其实是好多事情需要做的, 现在对其进行一个细致的梳理: 1,登录UI 1.1 密码组件,切换显示掩码还是输入真实文本 2,注册 3,忘记密码 4,表单字段验证 5,表单提交,显示...

    Ionic5登录功能。
    普通的一个登录功能,其实是好多事情需要做的,
    现在对其进行一个细致的梳理:

    1,登录UI
    1.1 密码组件,切换显示掩码还是输入真实文本
    2,注册
    3,忘记密码
    4,表单字段验证
    5,表单提交,显示Loading
    6,提交之后请求结果显示提示信息,需要调用请求服务。
    7,登录成功后存储token到本地并设置有效期
    8,记住用户名密码在本地

    展开全文
  • Aplicaciónde Ionic 5实用程序认证Firebase 安装 npm install 重要提示 在消防/空军基地使用的自定义武器,在环境/enviroment.ts和环境/enviroment.prod.ts中 export const environment = { production: true, ...
  • 发现新的Ionic Navigation带来的所有可能性,并学习一些可以添加到Ionic Framework 5应用程序中的实用技巧,使它们看起来更好! 此仓库是Ionic 5入门应用程序的代码,我们在创建了该应用程序。 在本教程中,您将...
  • Ionic5动画API用法

    2020-03-09 19:55:06
    Ionic5的动画API用法: const animation = createAnimation() .addElement(document.querySelector('.square')) .duration(1000) .direction('alter...

    https://ionicframework.com/blog/introducing-ionic-animations/

    Ionic5的动画API用法:

    const animation = createAnimation()
      .addElement(document.querySelector('.square'))
      .duration(1000)
      .direction('alternate')
      .iterations(Infinity)
      .keyframes([
        { offset: 0, transform: 'scale(1)', opacity: '1' },
        { offset: 1, transform: 'scale(1.5)', opacity: '0.5'
     }
      ]);
    
    animation.play();
    

    可以使用组合动画:

    const animationA = createAnimation()
      .addElement(document.querySelector('.square-a'))
      .fromTo('transform', 'scale(1)', 'scale(1.5)');
    
    const animationB = createAnimation()
      .addElement(document.querySelector('.square-b'))
      .fromTo('transform', 'scale(1)', 'scale(0.5)');
    
    const parentAnimation = createAnimation()
      .duration(1000)
      .addAnimation([animationA, animationB]);
    
    parentAnimation.play();
    

    也可以用使用管道进行串联动画:

    const animationA = createAnimation()
      .addElement(document.querySelector('.square-a'))
      .duration(1000)
      .fromTo('transform', 'scale(1)', 'scale(1.5)');
    
    const animationB = createAnimation()
      .addElement(document.querySelector('.square-b'))
      .duration(2000)
      .fromTo('transform', 'scale(1)', 'scale(0.5)');
    
    await animationA.play();
    await animationB.play();
    

    除了play方法,还有stop等方法,
    可以控制时间,以及播放次数,
    而且官方官网也提供了很好的性能测试报告,值得关注!
    给个赞!

    在这里插入图片描述

    展开全文
  • 此存储库是Ionic 5教程的一部分,您将在其中学习有关所有信息。 请通过简单地放置一个Github星来支持该项目 :white_medium_star: 演示版 屏幕截图 安装此Ionic 5 Forms演示应用程序 npm install 浏览应用 ionic ...
  • <div><p>Hi Andre <p>How do I use the plugin now in ionic 5?</p><p>该提问来源于开源项目:andrehtissot/cordova-plugin-fcm-with-dependecy-updated</p></div>
  • ionic5上安装不了

    2020-12-26 04:40:22
    <div><h2>Version <p>2.0.1 <h2>Environment <p>ionic 5 ...在ionic5项目里执行 ng add ng-zorro-antd-mobile 后报一堆错误。 该提问来源于开源项目:NG-ZORRO/ng-zorro-antd-mobile</p></div>
  • ionic本地存储For an Ionic 4 Cordova implementation of Local Notifications, check out this blog 有关本地通知的Ionic 4 Cordova实现,请查看 此博客 Ionic 5 is here ! And so is Capacitor 2.0 (beta). In ...
  • “#2021-Ionic5-Angular11-Bookings” 检查以下详细信息 00ProjectSetup.txt 01IonicBasics.txt 02AngularCommands.txt
  • Ionic5项目android打包流程1、apk打包2、生成jks(Java Key Store)文件3、生成签名的apk文件4、apk文件优化与重命名 ionic开发好应用以后,需要先进行打包、签名、优化,才能在各大应用商店中进行发布,本文就apk的...
  • <p>Is there any way to set up keycloak-angular with Ionic 5 and Capacitor 2? If so, could I have a configuration example? I think I tried everything (adapters, onLoad and flow types) and I was unable ...
  • 1、基于最新的Ionic5/Angular8混合移动框架进行开发。 2、即http请求、国际化、主题切换、缓存、echarts图表应用于一体。 3、钉钉集成。 4、全代码开源
  • <p>Ver: Ionic 5 <p>I have tried many ways. But none of them worked. <p><code>ionic start</code></p> <p>and <p><code>ionic start ngrx sidemenu --type=ionic-angular</code></p> <p><strong>Error:...
  • ionic5底部tab如何使用自定义图片
  • ionic5+angular8混合移动开发(一)——环境搭建 基于ionic4、cordova搭建android开发环境 ionic+angular+cordova 安卓环境搭建 理解 ionic 、 angular 和cordova之间的关系 理解Ionic、Angular、Cordova及插件之间...
  • training-vxpower:这是使用Ionic 5 + PHP后端的健身应用程序
  • ionic 5, angular 8, cordova: <ul><li>updating angularx-qrcode to 2.1.3 </li><li>calling: ionic serve</li><li>navigating to page containing the qr-code image I get this error on entering: core.js:6014 ...
  • ionic5+如何调用cordova插件中的方法

    千次阅读 2019-11-28 12:15:34
    ionic5+如何调用cordova插件中的方法环境安装cordova插件ionic调用cordova插件中的方法总结 目前为止,网上搜到的有关ionic的帖子都是4以下的,但是我的ionic-cli是5.4.4的,所以目录结构与网上说的有所差异,所以在...
  • 生物节律计算器 此示例是Ionic React课程的一部分。 链接 百科全书 卡西欧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,387
精华内容 1,754
关键字:

ionic5