Ionic - 踩坑记录 #持续更新#

坑1: 未在 app.module.ts 中导入 HttpClientModule

ionic g provider movies 命令执行后并未在 app.module.ts 中自动导入 HttpClientModule。

 

坑2: Chrome 调试时 CORS 问题

最简单的办法就是Chrome 安装 Allow-Control-Allow-Origin 插件了,链接 ==>

https://download.csdn.net/download/lizhipeng123321/10546503

 

坑3: WKWebView 问题

emmm… 真机调试的时候,Android 端木有问题,显示正常,而 iOS 端啥都不显示,不知道问题出在哪里(我怀疑是 WKWebView 的 CORS 问题,求评论!!!),我的解决办法是,降回到 UIWebView。

首先卸载 Ionic WebView 插件

ionic cordova plugin remove cordova cordova-plugin-ionic-webview --save
ionic cordova platform rm ios
ionic cordova platform add ios
ionic cordova build ios --prod

config.xml

 

坑4: 打包构建失败

将参数-Xmx20484m更改为1024行:
args.push(' - Dorg.gradle.jvmargs = -Xmx1024m'); 在您的项目文件平台\ android \ cordova \ lib \ builders \ GradleBuilder.js中。

问题答案

 

坑5: 发布应用的时候如果遇到翻译错误即MissingTranslation

暂时的解决方法是,不进行翻译校正, 在 /platforms/android/build.gradle 中的android {}节中加入:

lintOptions { disable 'MissingTranslation', 'ExtraTranslation' }

或者在报错的XML的父级根元素添加

tools:ignore="MissingTranslation" xmlns:tools="http://schemas.android.com/tools"

如:

 

坑6: 发布正式环境应用后,打开失败

检查本地Gradle版本,可以看坑9;(是否有配置全局变量?版本是否对应?)

gradle -v

检查Android SDK是否正确下载;(SDK版本是否正确,SDK tools 重新安装对应SDK,并检查platform/Android/build.gradle里SDK配置)

adb

cordova requirements

检查Ionic版本;(ionic CLI V4有一些问题,降级处理一下)

ionic -v

npm install -g [email protected]

检查Cordova版本;

cordova -v

 

坑7: Ionic Framework不支持Android4.2.2及以下

之前有写过https://blog.csdn.net/lizhipeng123321/article/details/81708602

 

坑8: 运行时报JDK错误 Error occurred during initialization of VM
Could not reserve enough space for 2097152KB object heap

检查本地是否安装了对应版本的JDK

64位必须安装64位JDK(这里要注意)

配置环境变量 

变量名:_JAVA_OPTIONS

变量值:-Xmx512M

 

坑9: 关于Gradle错误

检查本地Gradle配置

关于下载Gradle慢的问题,有2种解决办法

1)提前下载,配置在全局变量,https://services.gradle.org/distributions/

2)修改本地下载路径配置

把下载的文件放在本地服务器,暴露出一个下载地址(我是用NodeJs),再通过http://localhost/gradle-2.14.1-all.zip 可以直接访问

执行下面命令改变本地指向的下载地址

set CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL=http://localhost/gradle-2.14.1-all.zip

还有一种方法是下载后直接放再C:\Users\Administrator\.gradle\wrapper\dists,如果上面的方法不行可以尝试这个

 

 

坑10: ionic打包apk时,没有任何报错或者执行情况,直接跳过命令

检查开发环境的配置,如坑6;

不使用ionic build android命令,改用 cordova compile命令执行就打包;

ionic start demo 新建一个新项目,打包编译,再回到旧项目打包;

参考:

https://segmentfault.com/q/1010000010237625

https://www.jianshu.com/p/7ec74328f6e5 

 

坑11: Ionic android 版本与本地sdk版本不一致,要修改本地版本配置

修改3个文件

1.platforms/android/AndroidMainitest,xml

2.platforms/android/cordovalib/project.properties

target=android-26
3.platforms/android/project.properties
​​​​​​​target=android-26

 

坑12: 自动对焦与软键盘输入法

封装的2个方法都可以实现自动对焦,在开发环境上无差异,但是在打包后真机上会有区别。

下面两个

使用select()不会调起软键盘,若要使用键盘则点击输入框即可弹出;

使用focus()会调起键盘,有时候会遮挡屏幕。

//不弹出软键盘
inputSelect(id) {
    var input = this.ele.nativeElement.querySelector('.' + id + ' input');
    //this.keyboard.close();
    var to = setTimeout(function () {
      input.select();
      clearTimeout(to);
    }, 700);
  }

//弹出软键盘
inputFocus(id) {
    var input = this.ele.nativeElement.querySelector('.' + id + ' input');
    var to = setTimeout(function () {
      input.focus();
      clearTimeout(to);
    }, 700);
  }

 

 

 

相关问题

https://stackoverflow.com/questions/30345879/error-when-running-cordova-build-release-android

https://github.com/ionic-team/cordova-plugin-ionic-keyboard

https://github.com/ionic-team/ionic-plugin-keyboard/issues/235

你可能感兴趣的:(Ionic,hybird,APP,AngularJs,Ionic专栏)