查看ionic版本 ? 查看cordova版本 ionic 和 cordova默认安装在 C:\Users\hello(此目录为本机名)\AppData\Roaming\npm\目录。...ionic 和 cordova默认安装路径 修改PATH环境变量,在末尾加上 C:\Users\hello(此目录为本机名)\AppData\Roaming\npm\; 5....使用cordova创建安卓项目(建议直接跳过第5步,使用第6步) (1)打开一个存放项目的目录,打开命令行,输入cordova create 目录 报名 App名称,然后回车。...如有报错请按错误提示去安装相应的工具。...2.执行`cordova build android`命令, 编译安卓项目 3.执行`cordova run android`命令,就会自动打开模拟器,在模拟器运行安卓项目了,如果执行`cordova
具体操作时,当我们点击桌面图标启动APP时,有时会闪一下黑色背景,有时黑色背景时间还比较长。...所以解决方式有好几种,可以看这两篇文章: Android启动页优化,去黑屏实现秒启动 Android启动页黑屏及最优解决方案 具体应用在ionic上可以参照这个: 快速解决ionic安卓主题启动时短暂的黑屏或白屏问题...然后安装该插件: ionic cordova plugin add 本插件本地或远程路径 验证一下,会发现在platform目录android里的res/values里会多出styles.xml文件。...4)应用项目的config.xml文件添加下面一句,指定使用的主题(2选1),这样在cordova build时,cordova-custom-config插件会执行并修改这句里的文件参数。...我们可以验证一下,执行命令运行看效果: ionic run android 2、启动后黑白屏 ionic启动页使用了cordova-plugin-splashscreen这个插件,插件配置在应用的config.xml
显示这样表示安装成功 3.安装ionic和cordova 安装好node后安装 ionic和cordova,安装ionic和cordova 比较简单。...7.打包安卓APP ionic cordova build android 第一次执行会报错我出现了如下错。之后出现什么错会继续添加 ?...执行ionic cordova build android 出现的错误信息 然后我就下载配置了gradle的环境。...gradle安装成功 至此然后我们在项目根目录执行 ionic cordova build android ? 这个是正在安装gradle 等了大概有3,4分钟 ?...安装android -sdk-25 安装完成后,重新打开命令窗口然后执行 cordova build android 然后你惊喜的会发现你会build成功。
然后可能会报如下错误: 最终显示为: “BUILD SUCCESSFUL Total time: 10.355 secs => Install app ....../android下的app/build/outputs/apk/,发现文件名为weex-app.apk,而不是playground.apk,所以找不到。...然后再次执行: weex run android 会提示没有发现android设备: Error: No android devices found....页面展示 weex有单页和多页面方式,直观就是一个webview显示所有页面,另一个是多个webview各显示一个页面,而ionic只有单webview显示,所以从某种情况来说,多webview时,weex...原生支持 可能刚接触不深,weex不建议但可以支持cordova,而且可以较方便集成原生第三方插件。反之,ionic只能支持cordova。
你可以使用 Chrome 的设备模式查看应用程序在 iPhone 6 中的效果。 ? 使用 Ionic serve 命令的特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)在开发控制台。...为了解决这一问题,当我需要在输入框输入文本时,我使用 Hardware > Keyboard > Toggle Software Keyboard 。 如果你在登录页输入凭证,可能什么也不会发生。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名,则此命令可能会失败。...当你尝试运行第一条命令时,它会显示以下内容: ************************************************************************* The...注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)",在 config.xml 中添加以下代码。
【注:博主这次使用的是国内镜像】 1、ionic2创建项目的坑: 这是在使用ionic start xxx --v2 的时候下载好对应的目录的同时,在项目建成的最后,会显示如下的错误提示...: ionic start无法生成项目.png 这样的错误博主之前从未遇到,一时间慌了神,再紧接着去查看项目log: 错误log.png 于是博主积极的百度与谷歌,想弄清楚问题的原因... 2、ionic2第一次build项目的坑:在第一次build项目的时候,会从maven上下载相关的cordova的lib和gradle的lib,这个时候会因为国内的墙的问题.../platforms/android目录下的build.gradle文件: android根目录下的build文件.png 2、.....4、关于cordova版本的坑:在新的node版本下,cordova已经更新到6.5.0版本,这个时候在ionic 项目创建的时候系统会提示: ionic运行时提示.png
生成app 前提 安装java jdk 需要1.8.0及以上,但是java9也不行 安装Android Studio ionic cordova run android --device ?...还是有错误 还是有错误,在执行cordova platform add android --save时错误了, 关于cordova 的操作指令可以查看https://cordova.apache.org...image.png 尝试使用cordova安装android插件还是出错。一周了也没有解决。网上查了无数资料,尝试未能解决问题。暂且放一放。或许后面就解决了呢。...使用同事的电脑尝试,无需安装java环境和android环境这一步是能通过的。 我们来看下ionic项目文件 ?...image.png ionic cordova build android --prod --release 成功了 ? 成功生成了apk 这个apk拷贝到手机上无法安装,因为没有签名。
你可以使用 Chrome 的设备模式查看应用程序在 iPhone 6 中的效果。 ? 使用 Ionic serve 命令的特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)在开发控制台。...为了解决这一问题,当我需要在输入框输入文本时,我使用 Hardware > Keyboard > Toggle Software Keyboard 。 如果你在登录页输入凭证,可能什么也不会发生。...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名,则此命令可能会失败。...当你尝试运行第一条命令时,它会显示以下内容: ************************************************************************* The...image.png 注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)",在 config.xml 中添加以下代码。
/platform_metadata 打印: cordova -v 显示的是8.0.0,鉴于我原有项目在Cordova8下正常的,我便想是platform的问题,尝试移除android平台并重新添加...: ionic cordova platform rm andoid ionic cordova platform add android@6.4.0 结果无法移除自然也无法添加,那只好手动删除文件和配置并重新尝试...我又尝试回滚到Cordova8来验证: sudo npm uninstall cordova -g sudo npm install cordova -g ionic cordova platform...rm android ionic cordova platform ls ionic cordova platform add android@6.4.0 然后最后一步时,在安装ionic-plugin-keyboard...插件时报cordova/platform_metadata错误,那我把它移除再跑, 此时又在安装cordova-plugin-whitelist时报同样错误,那我再把它移除还报……然后我便懒得试了……
正确的修改方法如下: 1.1.1 删除platfrom : 在项目目录下执行如下指令 ionic cordova platform remove android 或者直接删除platform与 plugins...修改包名处.png 1.1.3 在项目根目录下继续输入ionic cordova platform add android或者直接ionic cordova run android 这样加载过后的...这里又是一大错误,在我们每次build或者npm下载依赖的时候,node_module目录会clean下,也就是说在我们辛辛苦苦粘贴到本地代码的过后,其整个目录会在我们其他操作过后删除,这个时候我们本地依赖不存在了...3.3 具体操作: 3.3.1 在项目根目录下输入ionic g 这时候会出先选项如图所示: ? 创建功能文件.png 此时按方向键选择provider,这个时候会显示: ?...init极光推送 3.3.5 build项目或者直接run项目,再从极光开发者页面发送通知 ? 发送通知.png 点击发送后,在模拟器上即可显示: ?
还记得我在此文【技巧】ionic3优雅解决启动前、后黑白屏问题中添加了一个勾子插件cordova-custom-config来修改配置的主题。...现在cordova默认添加都7.0以上了,而降级到6.4.0也能兼容旧项目,那尝试去掉勾子插件去把上述文章中的配置方式改一下。...:theme="@style/WelcomeStyle" /> 然后执行命令看效果: ionic cordova build android.../12293/20 看标题和我们的使用场景有点出入,但还是我常说的一句话——殊途同归,原理差不多,等找到此人 AshConnell 的回复,便尝试一下,在widget标签中添xmlns:android=.../res/android"> 再跑一次命令ionic cordova build android,没有错误,能正常生成。
本文收集一些遇到的问题及其处理方法: Console.log 不输出 最近升级了Ionic 2到正式版,发现console.log输出的内容不会显示到命令窗口了,这时我们修改一下package.json...build", "ionic:build": "ionic-app-scripts build", "ionic:watch": "ionic-app-scripts watch"...}, 编译Android报错:compileArmv7DebugJavaWithJavac 我是通过如下方法解决的,目前使用该方法一次解决问题,不保证可行 第一步 ionic state reset...-- plugins 第二步 cordova platform remove android 第三步 cordova platform add android 最后 ionic build...如何使用ionic命令时使用代理 在使用ionic命令创建工程,或其他需要联网的操作时可能出现网络异常。
;E:\android-sdk-windows\platform-tools 2、安装cordova npm install -g cordova@5.4.1 3、安装安卓平台 ionic platform...add android, 会安装android 24 的平台,我是在Ionic Lab 中安装的,是安装android 22 平台,因为我的SDK是下载的Android 5.1.1 (API22),在...\ionicdemo2\platforms\android\gradle这个目录里面,然后找到 E:\ionic\ionicdemo2\platforms\android\cordova\lib 里面的...回车 等待安装,安装时间比较长 5、ionic build android 网上看到很有可能是因为你的Gradle的工具会去下载platforms/android/cordova和CordovaLib...cordova build android 用这个命令打包就好了 (adsbygoogle = window.adsbygoogle || []).push({});
一段时间没做ionic,遇到过的一些问题处理完就是了,没有记录,结果别人问到一时想不起,有空还是要记录下。...问题出现 安装了cordova-plugin-file-opener2插件后build出现,移除该插件后build正常。...:26.+ 然后再执行build命令: ionic cordova build android 成功build如下: ?...注1:网上有文章说在项目根目录下的gradle.properties文件(如果没有,新建)中添加以下配置: android.enableAapt2=false 但实际上用发现此方法过期了,反而会报错...如果没有解决,尝试把compileSdkVersion和buildToolsVersion更新到较新版本,且保持一致。
装完nrm后,正常使用npm即可,当执行npm命令时觉得慢,就用nrm命令use切换一下源 nrm主要使用ls和use命令 1)nrm ls是列出来现在已经配置好的所有的源地址;...注意:现在ionic-cli涉及原生相关的命令都会带上cordova,如下面命令 ionic cordova build android 但是有人会省掉ionic,变成这样:...cordova build android 其实这样也是能执行,但是操作就完全不同了!...cordova build的,是把www目录打包为原生应用,而ionic cordova build,是先执行基于ionic配置的一系列编译压缩打包命令把src源码生成www目录,再执行cordova...原生代码,建议此种方式),两者完成后配置环境变量,不过,现在新版ionic-cli使得上述方式不是必须的,在ionic执行platform添加android时,检查到环境变量没有配置,就会自动下载安装配置
: ionic start --help 常用的命令有(不区分大小写): ionic Start ionic Serve ionic Build ionic Emulate ionic Run ionic...ionic cordova run ios 如果是window系统,配好了android环境,可以敲入: ionic cordova run android 其中,注意下cordova和ionic cordova...对于任意样式,都可以调用$colors来使用,如: background : color($colors, light); 虽然定义$colors会让我们使用颜色很方便,但不建议定义太多,因为它实际上会给每个内置...一般一个页面三个部分css、ts、html,如果每个手动创建或者复制,效率不高且容易出错,用此指令,只需下面一句即可同时创建这三个文件: ionic g page testPage 7、了解Cordova...插件 混合式应用一个比较大的特点是调用原生,ionic调用原生方式为Cordova插件,为了更方便的调用,ionic2及以上封装了ionic-native,在使用之前,建议先了解下Cordova的基本知识
rm android ios 移除android 和 ios平台 ionic platform add android ios 添加android 和 ios平台 ionic build android...build.json同时放到ionic2项目的根目录下面 ionic build ios 编译ios项目并打包ios ionic build 在ionic2 项目中生成一个www的目录里面存放编译后的代码...,适用于ES5(浏览器可读的代码) ionic info 查看ionic2项目中添加了那些平台 ionic g page myPage 添加一些页面 比如我们通过命令行创建一个页面。...生成如下文件: √ Create app/providers/my-data/my-data.ts 在这个服务里,我们可以使用angular的httpclass创建一个标准的http get请求服务...ionic info命令会输出你系统的Ionic 环境和注入依赖。这当中包含你的ionic,Cordova,Node,Xcode版本。
1.1.1、创建项目 npm install -g ionic cordova 下载必要的ionic 组件与cordova打包依赖 ionic start demo --v3 创建3版本的ionic项目...F12进行真机模拟查看,并且默认为极速模式【特别注意,千万不要将自己的浏览器设置为IE兼容,不然看不出效果】 1.1.3、build与打包 ionic cordova platform add android.../ ios 这里老玩家得注意了,与原命令相比较ionic platform add android / ios新添加了带有cordova命令,这加完依赖后如果是Android可以直接进行build ionic...cordova build android了。...IOS打包其实在build后就可以用xcode打开文件目录:demo/platforms/ios/这样便可以直接使用Xcode进行熟练的打包操作了。
混合手机app开发之Ionic篇第一章 第一节:环境搭建 本次使用的是Ionic3,之前本想用最新的ionic5 使用ionic build后发现,我使用的X5内核不能正常浏览,使用ionic3没有任何问题...2、创建页面(组件) 我使用命令创建about页面,会帮我们生成一下文件。 1.创建命令:ionic g page 页面名称。 2. app.module.ts 引入声明组件。...本章总结:ionic build后将www放到集成X5内核的项目中的assets即可。...新建项目:ionic start 项目名称 --type=ionic-angular 运行项目:ionic serve 发布:ionic build Android打包 ionic cordova platform...add android cordova build android 常用插件: npm install ts-md5 --save npm install @angular/http 1.npm安装
成功的消息提示 3.安装node node官方网站 直接去node官网上下载下来人后安装就行了,推荐使用稳定版。...所以自己手动下载安装 4.安装ionic,cordova npm install -g ionic cordova 查看是否安装成功 //查看ionic版本 ionic -v //查看cordova...版本 cordova -v 5.创建项目 ionic start 项目名 创建完成项目然后启动查看下项目是否创建成功,如果启动成功后执行下一步 6.安装android-sdk(建议用方法二,简单快捷方便...如果未显示command not found,说明此命令有效,环境变量设置完成。...8.打包 cordova platform add android cordova build android ---- 至此打包完成
领取专属 10元无门槛券
手把手带您无忧上云