ionic2+问题集锦(持续更新)

1.打包后无样式(多在加prod打包后):

此类情况多出现在用淘宝镜像cnpm进行下载依赖所引起,尝试删除本地node_modules,开启vpn,重新npm install(切记不要用cnpm,如果没有vpnvpn推荐,30 ,50一年,本人一直在用,挺好的)。

2.升级为3.X版本后,使用懒加载,在自己代码没问题的情况下,老是报一些找不到module的错误
Cannot find module '../pages/tabs/tabs.module' 

解决方法同上。

3.用storage进行本地存储时拿不到值

storage操作是异步的,尝试在页面的构造器里去操作storage,then方法里去取值。

4.2个ion-datetime在同一个item里时,点击都触发的问题:

在此页面的scss文件里加

 ion-datetime {
    position: relative;
  }
5.改变popover的宽度等
.popover名字 .popover-content{
  width: XXX;
}

6.改变导航栏颜色

在variables.scss里加$toolbar-ios-background:XXX

7.部分手机运行,list横线不显示问题

在variables.scss里加

$hairlines-width: 1px;
$list-border-color: #e0dfe4;
8.真机本地图片不显示问题

图片路径从assets开始

9.ion-searchbar按键盘搜索键触发

(ionInput)方法改为(search)

10.一些触发事件

ion-selection-toggleionChange
ion-tabionSelect

11.添加插件时报cordova-fetch等错误

一般是cordova版本7.0以上出现,尝试命令行加--nofetch试试,或者cordova版本降到6.5.0版本

12.添加android 平台时报错找不到Api.js

解决办法同上,cordova 退回6.5.0版本

13.一些退出登录或者修改密码后需重新跳转至LoginPage的情况

this.app.getRootNav().setRoot('LoginPage');

14 在build ios 时报错
Error: Error code 65 for command: xcodebuild with args: -......

或者:
2 duplicate symbols for architecture ...
尝试remove ios platform ,重新add,如果还是不行,
删除cordova-plugin-console插件再试

15 新建项目打包报错

类似
这是因为file插件升级后不支持cordova-android@6.1.2
可以升级或者装file插件的低版本(4.3.3版本可用)

16 ionic项目页面增多,代码量大的时候打包报错FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

打开node_modules/.bin/ionic-app-scripts.cmd
将内容替换为:

@IF EXIST "%~dp0\node.exe" (
  "%~dp0\node.exe"  "%~dp0\..\@ionic\app-scripts\bin\ionic-app-scripts.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node --max_old_space_size=4096  "%~dp0\..\@ionic\app-scripts\bin\ionic-app-scripts.js" %*
)

来源

后经测试,发现还是不行,目前解决办法是 升级node和npm

18年5月23日更新:

后来发现一种更好的处理方式,轻易可以解决:
package.json里加上

  "config": {
    "ionic_source_map_type": "cheap-source-map"
  }

来源,duydao的回答

17 File Opener插件在android8以上打不开apk

在config.xml里加上

 <platform name="android">
        <config-file parent="/manifest" target="AndroidManifest.xml" xmlns:android="http://schemas.android.com/apk/res/android">
            <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
        </config-file>
    </platform>

来源

后经测试发现另一个问题,在targetSdkVersion设置为23以上版本时,会报错 exposed beyond app through Intent.getData()

解决方法:把targetSdkVersion设置为23,另一种方法改动较大
来源
方法2(未经测试)

18年5月11日更新:

后来发现解决报错 exposed beyond app through Intent.getData()的最优解决办法,由于github的代码作者没有及时更新代码至npm,其实最新版的插件已经解决了这个问题,用命令cordova plugin add https://github.com/pwlin/cordova-plugin-file-opener2.git添加插件,不要用ionic官网和github上的ionic cordova plugin add cordova-plugin-file-opener2的命令,添加完插件后打包,发现又报另外一个代码的错误

image.png

如图,问题出在Build.VERSION.CODE.N上,解决这个,先在github上下载插件到本地,然后手动修改FileOpener2.java文件的第110行,将Build.VERSION.CODE.N改为数字24,然后添加本地的修改后的插件,ionic cordova plugin add 本地插件目录,最后重新打包,问题解决。

18 改变ion-item的高度

min-height属性

19 自定义页面返回事件

(1)导航栏的返回按钮
在html页面: <ion-navbar #navbar> </ion-navbar>
在ts:

import {ViewChild } from '@angular/core';

@ViewChild('navbar') navBar: Navbar;

  ionViewDidEnter() {
    let me = this;
    me.navBar.backButtonClick = () => {
                .....
    };
  }

(2)android实体按键的返回

import { Platform } from 'ionic-angular';

 unregister:any; 

public platform: Platform,

    //构造函数中:在此页面单独控制android实体返回按键
 this.unregister=this.platform.registerBackButtonAction(() => {
    
    }, 2);

 ionViewWillLeave() {
    let me = this;
    //移除实体返回按键监听
    me.unregister();
  }
20 新建ionic项目报错

一般是报错什么ECONNRESET什么utils第多少多少行
解决方法:是网络原因(具体我也不知道),用4G网络,可以手机开热点

21 alert等弹出框阻止关闭

return false

22用moment.js指定时间赋值给ion-datetime,时间差8小时的问题
  • 可以直接用moment().format();
  • 可以moment().format("YYYY-MM-DDTHH:mm:ss"); 加个T
23 获取app store 上已发布app 的版本

中国区域:http://itunes.apple.com/cn/lookup?id=xxx

24 解决Xcode10 library not found for -lstdc++ 找不到问题

解决方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容