artdong/ionic3-awesome

:smiley: ionic3自定义组件及常用例子 演示地址

ionic3-awesome

About

此项目是ionic3开源项目 。贡献代码请提供email。

来了就留个 🐾吧，star一下证明你来过 😝

如果对您对此项目有兴趣，可以点 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

传送门1：vue2-admin-grace优雅的后台管理系统

传送门2：react-org-tree组织树组件

传送门3：前端经典面试题整理，每日更新

传送门4：ionic2-janalytics(ionic native插件)

传送门5：ionic2-wechat(ionic native插件)

技术栈

ionic3

项目运行

git clone https://github.com/artdong/ionic3-awesome

cd ionic3-awesome 

npm install

ionic serve (运行开发模式)

浏览器打开: http://localhost:8080

ionic cordova run build android (安卓打包发布)

ionic cordova run build ios (安卓打包发布)

在线演示

点我演示 😃

效果预览

欢迎关注我的微信公众号全栈弄潮儿 ，获取更多学习资源及技术文章等

• 微信公众号二维码，扫一扫或者搜索"全栈弄潮儿"即可关注

程序员专属工具箱（微信小程序）

薅羊毛，大额红包码

打赏，请作者喝一杯咖啡

ionic3-awesome's Issues

android编译出错，只有卸载cordova-plugin-wechat插件才能编译通过。

版本信息：

cli packages: (C:\Users\FTD_2014\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : not installed
Gulp CLI              : CLI version 3.9.1 Local version 3.9.1

local packages:

@ionic/app-scripts : 3.1.6
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v6.12.0
npm               : 3.10.10
OS                : Windows 10

Environment Variables:

ANDROID_HOME : C:\Users\FTD_2014\AppData\Local\Android\Sdk

Misc:

backend : pro

报错信息：
android\app\src\main\java\xu\li\cordova\wechat\Wechat.java:281: ????: ??????? Wechat?е???? getAppId??????
??????;
final String savedAppid = getAppId(cordova.getActivity());
^
???: ??в???
???: Activity
???: ???????б???????????б???????
C:\11_WorkSpace_11\D\Downloads\ionic3-awesome-develop\platforms\android\app\src\main\java\xu\li\cordova\wechat\Wechat.java:600: ????: ??????????????????÷??? ????
preferences
appId = preferences.getString(WXAPPID_PROPERTY_KEY, "");
^
2 ??????
FAILED
27 actionable tasks: 5 executed, 22 up-to-date

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:compileDebugJavaWithJavac'.

Compilation failed; see the compiler error output for details.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

• Get more help at https://help.gradle.org

BUILD FAILED in 2s
[10:26:18] lint finished in 4.53 s
Error: cmd: Command failed with exit code 1 Error output:
C:\11_WorkSpace_11\D\Downloads\ionic3-awesome-develop\platforms\android\app\src\main\java\xu\li\cordova\wechat\Wechat.java:281: ????: ??????? Wechat?е???? getAppId??????
??????;
final String savedAppid = getAppId(cordova.getActivity());
^
???: ??в???
???: Activity
???: ???????б???????????б???????
C:\11_WorkSpace_11\D\Downloads\ionic3-awesome-develop\platforms\android\app\src\main\java\xu\li\cordova\wechat\Wechat.java:600: ????: ??????????????????÷??? ????
preferences
appId = preferences.getString(WXAPPID_PROPERTY_KEY, "");
^
2 ??????

FAILURE: Build failed with an exception.

这tabs刷新有问题啊

http://localhost:8100/#/home/home浏览器一刷新就http://localhost:8100/#/home，下面的tabs就不见了

运行ionic cordova run build android出错

Source image files were not found for the following platforms/types:
    - android...

Error: Source path does not exist: resources/android/icon/drawable-hdpi-icon.png

二维码功能不好用，点击二维码报错

环境信息：
cli packages: (C:\Users\FTD_2014\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : not installed
Gulp CLI              : CLI version 3.9.1 Local version 3.9.1

local packages:

@ionic/app-scripts : 3.1.6
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v6.12.0
npm               : 3.10.10
OS                : Windows 10

错误如下：
vendor.js:2133 ERROR TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)'
at QRCanvas.makeLogo (vendor.js:128407)
at QRCanvas.makeAll (vendor.js:128291)
at qrcanvas (vendor.js:129103)
at HTMLImageElement.image.onload [as __zone_symbol__ON_PROPERTYload] (main.js:776)
at HTMLImageElement.H (polyfills.js:3)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:5425)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)

点击apps-百度，腾讯等链接报错

环境信息：
cli packages: (C:\Users\FTD_2014\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : not installed
Gulp CLI              : CLI version 3.9.1 Local version 3.9.1

local packages:

@ionic/app-scripts : 3.1.6
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v6.12.0
npm               : 3.10.10
OS                : Windows 10

Environment Variables:

ANDROID_HOME : C:\Users\FTD_2014\AppData\Local\Android\Sdk

Misc:

backend : pro

报错信息：
ERROR TypeError: Cannot read property 'style' of null
at 7.js:152
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:5425)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at e.invokeTask (polyfills.js:3)
at i.isUsingGlobalCallback.invoke (polyfills.js:3)
at n (polyfills.js:3)

ionic3和iframe之间能传输数据嘛？iframe发出，ionic3在什么时候接回数据

目前的需求我是在ionic生命周期[ionViewDidEnter]中通过‘window.frames[0].postMessage’想iframe发送参数，想让iframe触发iframe的某个事件，返回数据给ionic，请问应该在ionic生命周期或是angular的哪个阶段接受数据？谢谢