WorkSpace\001_AS\Coroutine> gradlew app:dependencies --configuration releaseRuntimeClasspath gradlew : 无法将...“gradlew”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。...所在位置 行:1 字符: 1 PS Y:\002_WorkSpace\001_AS\Coroutine> gradlew gradlew : 无法将“gradlew”项识别为 cmdlet、函数、脚本文件或可运行程序的名称...请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
运行效果 这个运行是在浏览器中查看到的效果。...还是有错误 还是有错误,在执行cordova platform add android --save时错误了, 关于cordova 的操作指令可以查看https://cordova.apache.org...image.png ionic cordova build android --prod --release 成功了 ? 成功生成了apk 这个apk拷贝到手机上无法安装,因为没有签名。...-verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore 密钥名称 apk的名称 别名 两句话搞定,在apk的目录下执行。...两条语句的密钥名称和别名一致。
安装 ion-multi-picker 终端运行: npm install ion-multi-picker@2.1.0 --save 2....创建 provider 终端运行: ionic g provider city-data 省市区json文件下载地址: https://raw.githubusercontent.com/raychenfj...一个坑 错误如下: Uncaught (in promise): Error: Template parse errors: Can't bind to 'multiPickerColumns' since...Angular component and it has 'multiPickerColumns' input, then verify that it is part of this module. 2....为啥就报错了咩…明明什么都没有错… 最终我在这个 Issue 中找到了解决方案。 因为我的这个页面是子页面,所以也要将 MultiPickerModule 导入子module一下。
写在前面的话: 最近把玩了微信小程序过后,由于对它专属的IDE使用不当,导致在退出关闭计算机的时候没有及时清理缓存,造成缓存碎片留藏在硬盘的分页文件内,导致硬盘无法reboot...【注:博主这次使用的是国内镜像】 1、ionic2创建项目的坑: 这是在使用ionic start xxx --v2 的时候下载好对应的目录的同时,在项目建成的最后,会显示如下的错误提示...: ionic start无法生成项目.png 这样的错误博主之前从未遇到,一时间慌了神,再紧接着去查看项目log: 错误log.png 于是博主积极的百度与谷歌,想弄清楚问题的原因... 2、ionic2第一次build项目的坑:在第一次build项目的时候,会从maven上下载相关的cordova的lib和gradle的lib,这个时候会因为国内的墙的问题...4、关于cordova版本的坑:在新的node版本下,cordova已经更新到6.5.0版本,这个时候在ionic 项目创建的时候系统会提示: ionic运行时提示.png
/platform_metadata 打印: cordova -v 显示的是8.0.0,鉴于我原有项目在Cordova8下正常的,我便想是platform的问题,尝试移除android平台并重新添加...: ionic cordova platform rm andoid ionic cordova platform add android@6.4.0 结果无法移除自然也无法添加,那只好手动删除文件和配置并重新尝试...,结果还是不行,这时网上流传有两种方法: 1、重新安装cordova-plugin-add-swift-support插件; 2、把cordova降级; 看了下package.json没有cordova-plugin-add-swift-support...rm android ionic cordova platform ls ionic cordova platform add android@6.4.0 然后最后一步时,在安装ionic-plugin-keyboard...插件时报cordova/platform_metadata错误,那我把它移除再跑, 此时又在安装cordova-plugin-whitelist时报同样错误,那我再把它移除还报……然后我便懒得试了……
如果你需要开发原生功能,使用 web 技术是无法实现的,但是有些原生插件可以实现。 Ionic Native 是这些插件的精选集。 我第一次使用 Ionic 是在 2013 年底。...Ionic 2 在 一月份发布, 可以使用 Angular 开发 Ionic 应用。 Ionic 3 在 四月份发布,允许使用 Angular 4 进行开发。...注意: "Angular" 是 Angular 2+ 的通用名称。AngularJS 是 1.x 版本的名称。之所以用 Angular 命名是因为在 2017 年的三月发布了 Angular 4 。...你可以使用 Chrome 的设备模式查看应用程序在 iPhone 6 中的效果。 ? 使用 Ionic serve 命令的特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)在开发控制台。...Nic Raboy 演示了在 Facebook 中的操作方法,他在 Ionic 2 移动 App 中使用了 OAuth 2.0 服务。
前面章节我们都是用命令行来操作,如ionic g page person,现在开始会涉及到很多命令操作,可能有些人会记不住命令,或者记不清关键字,可以像我这样,在IDE上装上插件,我这用的是VS Code...,装了插件后,src目录右键会出现Ionic Generate的快捷菜单,点击后弹出选择界面,输入名称即可自动创建。...ConfigProvider { constructor() { } /** * 获取域名 * @param versionType 版本类型,0:正式环境,1:测试环境,2:...0: domain = "http://"; break; //正式环境 case 1: domain = "http://"; break; //测试环境 case 2:...无权限访问,或许登录信息已过期,请重新登录'; case 404: errMsg = '抱歉,后台服务找不到对应接口'; case 0: errMsg = '网络无法连接
1. ionic基本组成 在之前,ouven的一篇文章介绍了ionic frameword的基本构成,和在windows系统上的环境搭建。...(虽然严格来说ionic构建的APP不是真正的Native APP) 2. ionic安装和使用 关于ionic的安装,在之前提到的ouven的一篇文章中有着较为详细的介绍,这里不再重复。...上图描述了在安装好了ionic的所有环境之后,如何通过ionic cli的各个命令从零开始构建一个demo app。 3....(以上描述摘自百度百科) Cordova最早的名称是PhoneGap,后来被Adobe收购,Adobe将PhoneGap的核心代码抽出,贡献给Apache作为开源项目。...ionic声明了自己是做APP的而不是做website的(毕竟很多Cordova Native API无法在手机browser上使用),最重要的,ionic果断抛弃了屌丝机,拥抱高端机。
ionic cordova resources是用于一键打包生成各分辨率icon和splash的命令,在使用过程中可能会遇到以下问题: 1....生成图片不全 官方标配尺寸: icon:1024*1024 splash:2732*2732 其中splash其实用2208*2208够用且更好,不容易出现图片太大的错误提示。 2....无法上传图片且报POST404 很早以前此命令是不用账号就能使用的,现在使用需要先登录,登录过后就能长期不再登录,然而最近可能出现已登录的不能使用,未登录的登录不上的情况,见下面内容: ?...Bug),这时可以回滚回legacy后再切换到pro: ionic config set backend legacy -g ionic config set backend pro -g 备注说明 参考自下面链接...无法上传图片 先检查图片格式是否正确且像素尺寸合理、文件不要太大,然后重试一两次。
ionic 和 cordova默认安装路径 修改PATH环境变量,在末尾加上 C:\Users\hello(此目录为本机名)\AppData\Roaming\npm\; 5....使用cordova创建安卓项目(建议直接跳过第5步,使用第6步) (1)打开一个存放项目的目录,打开命令行,输入cordova create 目录 报名 App名称,然后回车。...(3)在特定平台执行程序 1.在浏览器打开,进入工程根目录,输入cordova run browser,然后浏览器自动访问http://localhost:8000/ 2.在安卓上编译Cordova APP...如有报错请按错误提示去安装相应的工具。...2.执行`cordova build android`命令, 编译安卓项目 3.执行`cordova run android`命令,就会自动打开模拟器,在模拟器运行安卓项目了,如果执行`cordova
第一次亲密接触 第一次接触Ionic,是在2015年,并在年中的时候第一次在正式项目中使用,那时它才是Ionic1的Alpha版,每次版本更新仍有不少坑,但在可接受范围,而且Ionic team一般会很快地修复...在我认为Ionic打包为App后,它的基础文件在本地加载,不依赖网络开销,所以没必要做懒加载处理时,架构师同伴却执着地进行懒加载改造,没有官方解决方案,我们啃国外的文档,最后使用了ocLazyLoad处理...虽然Ionic1基本摸透了,但是它还是有一定学习成本,为了团队建设考量,等Ionic2出来后,我们犹豫了一下是否沿用Ionic1,也比较了一下其它移动端js框架,最后还是敲定了升级使用Ionic2。...然后v2、v3、v4一路走来,见证了Ionic的成熟,也见证了其它混合式开发框架的诞生和崛起。...---- 乱花渐欲迷人眼 在我看来,Ionic4已经不再神秘,它和其它基于Angular的UI框架相比,其实没什么两样,可以从很多Angular资料中找到参考,所以也便很少写关于它的文章。
4)应用项目的config.xml文件添加下面一句,指定使用的主题(2选1),这样在cordova build时,cordova-custom-config插件会执行并修改这句里的文件参数。...我们可以验证一下,执行命令运行看效果: ionic run android 2、启动后黑白屏 ionic启动页使用了cordova-plugin-splashscreen这个插件,插件配置在应用的config.xml...SplashShowOnlyFirstTime——是否只第一次显示; SplashScreen——它是 platform / android / res / drawable - 文件夹中的图像的名称...statusBar.styleDefault(); splashScreen.hide(); }); } 3、其它情况 可能加了--prod参数后build出现的,先看命令行的输出提示,若无有效信息,再网页调试,若也没错误...加与不加这参数的区别其实是AOT(Ahead-of-time,提前编译)和JIT(Just-in-time,即时编译)的区别,使用参数后使用AOT,若代码存在不规范的地方,如缺文件使得应用报错而无法启动
博主根据自身项目的考察与网络上的资源,归纳了以下几种方法: 1、官方推送文档: ionic2之后的版本的极光推送在网络上的资料少之又少,经过一番折腾过后,博主选择了官方的API文档。...修改包名处.png 1.1.3 在项目根目录下继续输入ionic cordova platform add android或者直接ionic cordova run android 这样加载过后的...1.2 搭建项目 通过官方文档进行项目搭建,这里不再赘述,详情请看ionic2-jpush-demo/">官方搭建文档错误,在我们每次build或者npm下载依赖的时候,node_module目录会clean下,也就是说在我们辛辛苦苦粘贴到本地代码的过后,其整个目录会在我们其他操作过后删除,这个时候我们本地依赖不存在了...选择结果.png 此时只需要填写你的provider名称即可,我们就以jpush为例: ? 创建provider成功.png 输入jpush,等待下一个根目录命令提示出现即完成创建。
ionicAPI cordovaAPI 界面预览 项目是基于ionic 提供的 tabs模板创建的,除了添加一个 camera page,在camera里面做测试,其它地方基本没有修改过。...'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOlsiYXBpLXJlc291cmNlIl0sInVzZXJfbmFtZSI6ImFkbWluIiwic2NvcGUiOlsicmVhZCIsIndyaXRlIiwidHJ1c3QiXSwiZXhwIjoxNTA5MTk2OTcyLCJhdXRob3JpdGllcyI6WyJST0xFX1VTRVIiXSwianRpIjoiOWFmYmIyYWItMzdiYi00MTIyLTg2NDAtY2FmMDc1OTRmOGZkIiwiY2xpZW50X2lkIjoiY2xpZW50MiJ9...}); let options: FileUploadOptions = { fileKey: 'file', fileName: 'name.jpg', //文件名称...测试文件上传功能,因为在测试文件上传的时候,需要访问设备的原生功能,比如读取文件,因此需要在真机上调试。可是在真机上调试会又一个问题:无法查看日志。这对调试而言是非常不方便的。...在上面的代码中, 在拍照完成的回调的函数中,直接调用了 this.upload() 方法,该方法负责上传文件,所以在拍照完成后,就会直接将图片上传到服务器,同时图片展示在界面。
2、安装Ionic 上面步骤成功之后执行npm install -g cordova ionic命令安装cordova和ionic,安装完执行ionic -v,返回版本号表示已安装成功。...第二节:创建项目 1、创建项目 我想在E盘的ionic文件夹下创建一个项目使用命令执行:e:,然后:cdionic,进入执行:ionic start 项目名称 --type=ionic-angular...2、创建页面(组件) 我使用命令创建about页面,会帮我们生成一下文件。 1.创建命令:ionic g page 页面名称。 2. app.module.ts 引入声明组件。...需要declarations和entryComponents中引入组件 3.如果跳转,在跳转的ts中引入组件。...新建项目:ionic start 项目名称 --type=ionic-angular 运行项目:ionic serve 发布:ionic build Android打包 ionic cordova platform
在开始之前我假设你已经了解了如下概念: Java JDK Apache Ant Android SDK NodeJS 以上名词这里就不赘述,如果有不清楚的可以自行查阅 安装步骤 Ionic 官方教程:...这里至少需要有一个系统,否则无法创建虚拟机。当然,用真机调试的话可以不依赖。...新建虚拟机:打开 Android SDK 安装目录下的 AVD Manager.exe 选择新建 连接手机:直接通过数据线连接真实设备 ionic run android 到这一步系统就会打开虚拟机或者在真实设备运行简单的示例...keystore demo.jks -alias demo -keyalg RSA -keysize 2048 -validity 10000 -genkey:产生密钥 -keystore: 签名文件名称...=demo storePassword=输入的密钥库口令 keyPassword=输入的密钥口令 这样,使用 ionic build android --release编译即可,在 /platforms
这样表示java安装完成 2.安装 node.js 在nodejs官网上下载下载自己需要的版本。 然后下载完成后安装就好了。 检测安装是否有完成 npm -v node -v ?...现在默认生成的项目为ionic2项目 ionic为项目的名字 ?...5.安装android-sdk 在安卓SDK 密码: 2ure 链接: https://pan.baidu.com/s/1dE1CL1J 密码: 2ure 然后把安装包解压缩后在环境变量里面配置如下路径...执行ionic cordova build android 出现的错误信息 然后我就下载配置了gradle的环境。...又一次报错 这个错误一看感觉是android sdk 有问题。 查找了资料,发现是安卓SDK25没有安装。然后在进入安卓sdk管理工具勾选红色的部分然后安装 ?
首先全局安装 @vue/cli: npm install -g @vue/cli 2. 初始化vue项目: vue create vue-ionic-pwa 3....在 src/main.js 中添加对ionic的引用: ... import Ionic from '@ionic/vue' import '@ionic/core/css/ionic.bundle.css...}) .then(a => a.present()); } } }; 我们先看一下搜索组件的效果: image.png 输入邮编格式错误...: image.png 2....中增加相关的配置我们可以设置service worker文件的名称、缓存逻辑等等。