@kitaro27 wrote:

:app:transformDexArchiveWithDexMergerForDebug
Dex: Error converting bytecode to dex:
Cause: com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;
    UNEXPECTED TOP-LEVEL EXCEPTION:
com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;

com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;
        at com.android.dx.merge.DexMerger.readSortableTypes(DexMerger.java:661)
        at com.android.dx.merge.DexMerger.getSortedTypes(DexMerger.java:616)
        at com.android.dx.merge.DexMerger.mergeClassDefs(DexMerger.java:598)
        at com.android.dx.merge.DexMerger.mergeDexes(DexMerger.java:171)
        at com.android.dx.merge.DexMerger.merge(DexMerger.java:198)
 FAILED
39 actionable tasks: 5 executed, 34 up-to-date
        at com.android.builder.dexing.DexArchiveMergerCallable.call(DexArchiveMergerCallable.java:61)
        at com.android.builder.dexing.DexArchiveMergerCallable.call(DexArchiveMergerCallable.java:36)
        at java.util.concurrent.ForkJoinTask$AdaptedCallable.exec(ForkJoinTask.java:1424)
        at java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:289)
        at java.util.concurrent.ForkJoinPool$WorkQueue.runTask(ForkJoinPool.java:1056)
        at java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:1692)
        at java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:157)

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformDexArchiveWithDexMergerForDebug'.
> com.android.build.api.transform.TransformException: com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;

* 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 15s
cmd: Command failed with exit code 1 Error output:
Dex: Error converting bytecode to dex:
Cause: com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;
    UNEXPECTED TOP-LEVEL EXCEPTION:
com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;

com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;
        at com.android.dx.merge.DexMerger.readSortableTypes(DexMerger.java:661)
        at com.android.dx.merge.DexMerger.getSortedTypes(DexMerger.java:616)
        at com.android.dx.merge.DexMerger.mergeClassDefs(DexMerger.java:598)
        at com.android.dx.merge.DexMerger.mergeDexes(DexMerger.java:171)
        at com.android.dx.merge.DexMerger.merge(DexMerger.java:198)
        at com.android.builder.dexing.DexArchiveMergerCallable.call(DexArchiveMergerCallable.java:61)
        at com.android.builder.dexing.DexArchiveMergerCallable.call(DexArchiveMergerCallable.java:36)
        at java.util.concurrent.ForkJoinTask$AdaptedCallable.exec(ForkJoinTask.java:1424)
        at java.util.concurrent.ForkJoinTask.doExec(ForkJoinTask.java:289)
        at java.util.concurrent.ForkJoinPool$WorkQueue.runTask(ForkJoinPool.java:1056)
        at java.util.concurrent.ForkJoinPool.runWorker(ForkJoinPool.java:1692)
        at java.util.concurrent.ForkJoinWorkerThread.run(ForkJoinWorkerThread.java:157)

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformDexArchiveWithDexMergerForDebug'.
> com.android.build.api.transform.TransformException: com.android.dex.DexException: Multiple dex files define Lcom/google/zxing/EncodeHintType;

* 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 15s
[ERROR] An error occurred while running cordova build android (exit code 1).

cordova-plugin-camera 4.0.3 "Camera"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-facebook4 4.2.1 "Facebook Connect"
cordova-plugin-file 6.0.1 "File"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-googleplus 7.0.0 "Google SignIn"
cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 3.1.2 "cordova-plugin-ionic-webview"
cordova-plugin-nativestorage 2.3.2 "NativeStorage"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-telerik-imagepicker 2.2.4 "ImagePicker"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-support-google-services 1.1.0 "cordova-support-google-services"
phonegap-plugin-barcodescanner 8.0.1 "BarcodeScanner"
phonegap-plugin-multidex 1.0.0 "Multidex"
phonegap-plugin-push 2.2.3 "PushPlugin"

Posts: 1

Participants: 1

Read full topic

@john33john33 wrote:

Page flow:
Menu (just a normal page, not app menu) > profile > set user name > complete (pages)

My implementation:
Menu (push)> profile (push)> set user name (setroot)> complete (setroot)> profile

The problem is that:
complete page should not be able to back to set user name so I use setroot to complete page.
As profile page should go back to menu, after setroot to profile from complete, there is no back button to menu.

Workaround:

1. use push every time and hide back button on complete page and pop to profile if needed
   not suggested as hardware back button need to be supported and would like to keep nav stack

2. implement custom back button on profile page such that it must go back to menu

3. insert page such that menu > profile in nav stack after leaving complete

any guide for implementing such page flow?
thanks

Posts: 1

Participants: 1

Read full topic

@Hammad6264 wrote:

*Hey Guys, Hope you will be fine. Actually, I am facing an error with Ionic and woocommerce. I want to display my woocommerce course into my ionic app. I have a data in variable. But, When I use ngFor, I get an error given below:

Screenshot (1).png1024×768 130 KB

here is my code .html:

Screenshot (2).png1024×768 85.8 KB

And .ts file:

Screenshot (3).png1024×768 95.1 KB

Please help

Posts: 1

Participants: 1

Read full topic

@apeksha07 wrote:

I am using NativeReverseGeocoder for getting address from latlong but it gives response like

“countryCode”:“IN”,“countryName”:“India”,“postalCode”:“412308”,“administrativeArea”:“Maharashtra”,“subAdministrativeArea”:“Pune”,“locality”:“Fursungi”,“subLocality”:"",“thoroughfare”:"",“subThoroughfare”:""

Some fields are empty how to get complete address ?

Posts: 2

Participants: 2

Read full topic

@OmkarHLT wrote:

Hi team,
After upgrading to ionic 4 from beta 7 the --prod produces an Apk whose UI is inaccessible same case in PWA also.Please help stuck with the release.

but data loads successfully

command> ionic cordova build --release --prod android

Package.json

{
  "name": "learnerapp",
  "version": "19.03.05",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^7.1.1",
    "@angular/common": "^5.2.11",
    "@angular/core": "~6.1.1",
    "@angular/fire": "^5.1.1",
    "@angular/forms": "~6.1.1",
    "@angular/http": "~6.1.1",
    "@angular/platform-browser": "~6.1.1",
    "@angular/platform-browser-dynamic": "~6.1.1",
    "@angular/pwa": "^0.12.3",
    "@angular/router": "^5.2.11",
    "@angular/service-worker": "~6.1.1",
    "@firebase/firestore": "^1.0.3",
    "@ionic-native/android-permissions": "^5.2.0",
    "@ionic-native/call-number": "^5.1.0",
    "@ionic-native/camera": "^5.0.0",
    "@ionic-native/core": "5.0.0-beta.15",
    "@ionic-native/facebook": "^5.0.0-beta.22",
    "@ionic-native/file": "^5.0.0",
    "@ionic-native/file-path": "^5.0.0",
    "@ionic-native/firebase": "^5.1.0",
    "@ionic-native/firebase-authentication": "^5.2.0",
    "@ionic-native/geolocation": "^5.0.0-beta.22",
    "@ionic-native/ionic-webview": "^5.0.0",
    "@ionic-native/local-notifications": "^5.2.0",
    "@ionic-native/network": "^5.0.0",
    "@ionic-native/sms": "^5.2.0",
    "@ionic-native/splash-screen": "5.0.0-beta.15",
    "@ionic-native/status-bar": "5.0.0-beta.15",
    "@ionic-native/youtube-video-player": "^5.0.0-beta.4",
    "@ionic/angular": "4.1.1",
    "@ionic/angular-toolkit": "^1.2.2",
    "@ionic/storage": "^2.2.0",
    "@wazio/date-time": "^0.1.1",
    "@yellowspot/ng-truncate": "^1.4.0",
    "angular": "1.7.6",
    "angular2-tag-input": "^1.2.3",
    "angularfire2": "^5.1.1",
    "call-number": "1.0.1",
    "chalk": "^2.4.2",
    "clean": "4.0.2",
    "cordova-android": "7.1.4",
    "cordova-android-support-gradle-release": "^2.0.1",
    "cordova-browser": "5.0.4",
    "cordova-plugin-android-permissions": "^1.0.0",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-email-composer": "0.9.1",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-filepath": "^1.5.1",
    "cordova-plugin-firebase": "^2.0.5",
    "cordova-plugin-firebase-authentication": "1.0.1",
    "cordova-plugin-geolocation": "^4.0.1",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^3.1.2",
    "cordova-plugin-network-information": "2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-video-player": "git+https://github.com/moust/cordova-plugin-videoplayer.git",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-youtube-video-player": "^1.0.6",
    "cordova-sms-plugin": "^1.0.0",
    "cordova-sqlite-storage": "^3.1.0",
    "cordova-support-android-plugin": "1.0.1",
    "cordova-support-google-services": "^1.2.1",
    "core-js": "^2.5.3",
    "firebase": "^5.8.3",
    "google-maps": "^3.3.0",
    "hazems-cordova-plugin-sms": "0.0.2",
    "ionic": "^4.6.0",
    "ionic-selectable": "^4.1.3",
    "ionicons": "^4.5.5",
    "moment": "^2.22.2",
    "mx.ferreyra.callnumber": "0.0.2",
    "ngx-chips": "^2.0.0-beta.0",
    "ngx-custom-validators": "^6.1.0",
    "node-sass": "^4.9.3",
    "platform": "1.3.5",
    "rxjs": "^6.3.3",
    "rxjs-compat": "^6.3.3",
    "typescript-string-operations": "^1.3.1",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.7.2",
    "@angular-devkit/build-angular": "^0.7.5",
    "@angular-devkit/core": "~0.7.2",
    "@angular-devkit/schematics": "~0.7.2",
    "@angular/cli": "~7.3.1",
    "@angular/compiler": "~6.1.1",
    "@angular/compiler-cli": "^6.1.1",
    "@angular/language-service": "~6.1.1",
    "@ionic/app-scripts": "^3.2.3",
    "@ionic/ng-toolkit": "^1.0.0",
    "@ionic/schematics-angular": "^1.0.6",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.9.2",
    "codelyzer": "~4.4.2",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "^2.9.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-geolocation": {},
      "cordova-plugin-youtube-video-player": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-firebase": {
        "APP_ID": "1:158189515548:android:8c3b8bb052e59536",
        "API_KEY": "AIzaSyC4v6pXw_2HHoaKqQeZyYR--VfK0qcbyw8"
      },
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-file": {},
      "cordova-plugin-filepath": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-android-permissions": {},
      "cordova-sms-plugin": {},
      "cordova-android-support-gradle-release": {
        "ANDROID_SUPPORT_VERSION": "27.+"
      },
      "call-number": {}
    },
    "platforms": [
      "browser",
      "android"
    ]
  }
}

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.Hlt.learnerapp" version="19.03.05" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>LearnerApp</name>
    <description>Your lifetime learning app.</description>
    <author email="info@mylearnerapp.com" href="http://mylearnerapp.com/">HLT Spartans</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="whatsapp:*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <allow-navigation href="http://*/*" />
    <allow-navigation href="https://*/*" />
    <access launch-external="yes" origin="whatsapp:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
    <plugin name="cordova-plugin-geolocation" spec="^4.0.1" />
    <plugin name="cordova-plugin-youtube-video-player" spec="^1.0.6" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="cordova-plugin-android-permissions" spec="1.0.0" />
    <plugin name="cordova-plugin-file" spec="6.0.1" />
    <plugin name="cordova-plugin-ionic-webview" spec="^3.0.0">
        <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
    </plugin>
    <plugin name="cordova-plugin-filepath" spec="1.5.1" />
    <plugin name="cordova-sqlite-storage" spec="3.1.0" />
    <plugin name="cordova-plugin-camera" spec="4.0.3" />
    <plugin name="cordova-android-support-gradle-release" spec="^2.0.1">
        <variable name="ANDROID_SUPPORT_VERSION" value="27.+" />
    </plugin>
    <plugin name="cordova-plugin-firebase" spec="2.0.0">
        <variable name="APP_ID" value="1:158189515548:android:8c3b8bb052e59536" />
        <variable name="API_KEY" value="AIzaSyC4v6pXw_2HHoaKqQeZyYR--VfK0qcbyw8" />
    </plugin>
    <engine name="browser" spec="5.0.4" />
    <engine name="android" spec="7.1.4" />
</widget>

Ionic info

Ionic:

   ionic (Ionic CLI)             : 4.10.3
   Ionic Framework               : @ionic/angular 4.1.1
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 7.3.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 15 other plugins)

System:

   NodeJS : v10.7.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.7.0
   OS     : Windows 10

Posts: 1

Participants: 1

Read full topic

@nharrer wrote:

I have an app which I publish for different customers. The apps are almost identical. The few things that are different can be easily controlled with an environments.xxx.ts for each customer. However each app does also need to have a different config.xml (because each needs a different widget id for the app stores, and slightly different descriptions) as well a different resources (icon and splash).

What would be the best practices to achieve this?

Right now I have an almost exact copy of the same project directory for each “flavour” of the app. Only the config.xml, package.json, icon and splash image differ. This is not nice at all.

Thanks.

Posts: 1

Participants: 1

Read full topic

@Shabin wrote:

Hey guys, so recently i have encountered this issue. Normally when i go through the app.

Landing page -> login -> home -> details

everything works fine… i have a calendar and favourite button(turns red when i click on it) on details page.

ezgif.com-video-to-gif.gif600×692 1.31 MB

but when i do

notification -> landingpage (fcm.onNotification) -> details … this happens. i cant select any dates nor change the month, the favourite button also does not go Red when i click it…

ezgif.com-video-to-gif copy.gif600×723 1.24 MB

on Console the functions are being triggered just that on UI side changes are not being reflected.

i tried to use Ngzone. this was able to fix the favourite button… but it causes the calendar to have a delay in reflecting the changes like its 1 step behind…

ezgif.com-video-to-gif.gif600×779 1.41 MB

in the gif above when i tap 20 nothing happens … when i tap 21… 20 gets highlighted. tap 22, 21 gets highlighted and as u can see when i tap the arrow to change month 23 get highlighted…

i dont know what is causing this issue.

this is my ionic info

Ionic:

   ionic (Ionic CLI)  : 4.6.0
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 6.4.0, ios 4.4.0
   Cordova Plugins       : cordova-plugin-ionic-webview 1.1.1, (and 21 other plugins)

System:

   NodeJS : v11.2.0
   npm    : 6.4.1
   OS     : macOS Mojave
   Xcode  : Xcode 10.1 Build version 10B61

Posts: 1

Participants: 1

Read full topic

@joabchua wrote:

Hi All,

I am using Ionic4.12.0. I am trying to archive the following:
when user opens my app, it will lead to sign in page. I want it to autofocus on the input and keyboard to show.

I am currently using autofocus=“true”, it shows the cursor on the input but the keyboard does not show. I tried applying <preference name=“KeyboardDisplayRequiresUserAction” value=“false” />, but it does not work as well.

Any help would be greatly appreciated. Thank you.

Posts: 1

Participants: 1

Read full topic

@Hammad6264 wrote:

Hey Guys, hope you will be fine, Actually I am facing a problem in playing audio song in ionic I just used StreamingMedia plugin. Everything is right but when I click on the playbutton I get the following error:

Screenshot_5.png306×538 25.7 KB

See my code below:
.html file:

<ion-content>
    <button ion-button full (click)="startAudio1()">Building High Powered High Performance Teams PT1</button>
     <button ion-button full (click)="stopAudio1()" color="danger"> Stop Audio  </button>
       <button ion-button full (click)="startAudio2()">Building High Powered High Performance Teams PT2</button>
            <button ion-button full (click)="startAudio3()">Building High Powered High Performance Teams PT3</button>
                <button ion-button full (click)="startAudio4()">Mindset of the Million Dollar Earner</button>
                    <button ion-button full (click)="startAudio5()">Wheel of Prosperity</button>
                        <button ion-button full (click)="startAudio6()">Never Ending warm lead</button>
                            <button ion-button full (click)="startAudio7()">Discipline</button>
                                <button ion-button full (click)="startAudio8()">Double Your Retention Rate</button>
                                    <button ion-button full (click)="startAudio9()">Conference Calls</button>
                                        <button ion-button full (click)="startAudio10()">Think and do What a Millionaire Thinks and Does</button>
                                            <button ion-button full (click)="startAudio11()">Tools PT 1</button>
                                                <button ion-button full (click)="startAudio12()">Tools Pt 2</button>
                                                <button ion-button full (click)="startAudio13()">Opportunity meeting</button>
                    <button ion-button full (click)="startAudio14()">The Power of Journaling (Triple Your Organization)</button>
      
</ion-content>
.ts file:

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { ApiProvider } from '../../providers/api/api';
import { StreamingMedia, StreamingAudioOptions } from '@ionic-native/streaming-media/ngx';

@Component({
  selector: 'page-enrolled-music',
  templateUrl: 'enrolled-music.html',
})
export class EnrolledMusicPage {
   values: any;
   right: any = [];
  constructor(public navCtrl: NavController, public streamingMedia: StreamingMedia, public navParams: NavParams, public api: ApiProvider) {
    this.values = this.navParams.get("values");
    console.log(this.values);
    this.getPosts();
  }
     getPosts() {
   this.api.get('wp/v2/sfwd-lessons/2239').subscribe((data) => {
     this.right = data;
    this.right = Array.of(this.right); 
     console.log(this.right);
   })
}
    startAudio1() {
       let options: StreamingAudioOptions = {
  successCallback: () => { console.log('Audio played') },
  errorCallback: (e) => { console.log('The error is in your code, please check that.') },
  initFullscreen: false,
};
       this.streamingMedia.playAudio('MyLinkHere', options);
    }
    stopAudio1() {
      this.streamingMedia.stopAudio();
    }
}

Please help

Posts: 1

Participants: 1

Read full topic

@juny58 wrote:

When scrolling any slide of the slider, the complete slider goes numb. No click works. But, weirdly enough, it again works after clicking outside of the slides and clicking it again.

Posts: 1

Participants: 1

Read full topic

@fahd123 wrote:

I testing app in my phone android it’s working but ion-icon not showing , when testing in browser it’s showing but in phone no.

{
  "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
  "version": 1,
  "defaultProject": "app",
  "newProjectRoot": "projects",
  "projects": {
    "app": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "www",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              {
                "glob": "**/*",
                "input": "src/assets",
                "output": "assets"
              },
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              }
            ],
            "styles": [
              {
                "input": "src/theme/variables.scss"
              },
              {
                "input": "src/global.scss"
              }
            ],
            "scripts": []
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                }
              ]
            },
            "ci": {
              "progress": false
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "app:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "app:build:production"
            },
            "ci": {
              "progress": false
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "app:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "karmaConfig": "src/karma.conf.js",
            "styles": [],
            "scripts": [],
            "assets": [
              {
                "glob": "favicon.ico",
                "input": "src/",
                "output": "/"
              },
              {
                "glob": "**/*",
                "input": "src/assets",
                "output": "/assets"
              }
            ]
          },
          "configurations": {
            "ci": {
              "progress": false,
              "watch": false
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
            "exclude": ["**/node_modules/**"]
          }
        },
        "ionic-cordova-build": {
          "builder": "@ionic/angular-toolkit:cordova-build",
          "options": {
            "browserTarget": "app:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "app:build:production"
            }
          }
        },
        "ionic-cordova-serve": {
          "builder": "@ionic/angular-toolkit:cordova-serve",
          "options": {
            "cordovaBuildTarget": "app:ionic-cordova-build",
            "devServerTarget": "app:serve"
          },
          "configurations": {
            "production": {
              "cordovaBuildTarget": "app:ionic-cordova-build:production",
              "devServerTarget": "app:serve:production"
            }
          }
        }
      }
    },
    "app-e2e": {
      "root": "e2e/",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "app:serve"
          },
          "configurations": {
            "ci": {
              "devServerTarget": "app:serve:ci"
            }
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "e2e/tsconfig.e2e.json",
            "exclude": ["**/node_modules/**"]
          }
        }
      }
    }
  },
  "cli": {
    "defaultCollection": "@ionic/angular-toolkit"
  },
  "schematics": {
    "@ionic/angular-toolkit:component": {
      "styleext": "scss"
    },
    "@ionic/angular-toolkit:page": {
      "styleext": "scss"
    }
  }
}

Posts: 1

Participants: 1

Read full topic

@Kyrax80 wrote:

Hello,

my App works almost perfectly on Android devices. It has acceptable (normal) performance.

But on iOS devices, even on an iPhone XS Max, the plugins are really slow.

I am checking if bluetooth, internet connection and gps are on and I have a spinner while all of this is being checked. Well, the spinner doesn’t even animate, it looks like a static image.

Also, on Xcode I am getting warning such as " THREAD WARNING: [‘Diagnostic_Location’] took ‘395.238037’ ms. Plugin should use a background thread.

I don’t know if the problem is when checking this stuff but this is my code incase this could be causing this performance issue:

private checkPreconditions(): void {
    this.platform.ready().then(() => {
      this.requestGPSPermissions();
  
      if (this.network.type == "none") {
        this.hasInternet = false;
        let connection = this.network.onConnect().subscribe(() => {
          this.hasInternet = true;
          if (!this.positioning) if (!this.positioning) {
            this.events.publish("precondition:set");
            this.events.publish("preconditioninit:set");
          }
          if (!(this.detector as ViewRef).destroyed) this.detector.detectChanges();
          connection.unsubscribe();
        });
      } else {
        this.hasInternet = true;
        if (!this.positioning) {
          this.events.publish("precondition:set");
          this.events.publish("preconditioninit:set");
        }
      }
  
      bluetoothSerial.isEnabled(() => {
        this.isBluetoothOn = true;
        if (!this.positioning) {
          this.events.publish("precondition:set");
          this.events.publish("preconditioninit:set");
        }
        if (!(this.detector as ViewRef).destroyed) this.detector.detectChanges();
      }, () => this.enableBluetooth());
  
      this.checkPreconditionsRunTime(true);
    });
  }

  public requestGPSPermissions(): void {
    this.platform.ready().then(() => {
      this.permissionsService.checkLocationPermissions().then(permissions => {
        this.hasGPSPermission = permissions;
  
        if (permissions) {
          if (!this.positioning) {
            this.events.publish("precondition:set");
            this.events.publish("preconditioninit:set");
          }
          this.diagnostic.isLocationEnabled().then(on => {
            this.isGPSOn = on;
  
            if (on) {
              if (!this.positioning) {
                this.events.publish("precondition:set");
                this.events.publish("preconditioninit:set");
              }
            }
            else this.turnGPSOn();
          })
        }
  
        if (!(this.detector as ViewRef).destroyed) this.detector.detectChanges();
      })
    })
  }

Is there any way to solve this? The way this is now my App is pretty useless

Posts: 1

Participants: 1

Read full topic

@pantarmj wrote:

When I am building my ionic code for android by executing “ionic cordova build android”, I am getting this error:

gt.png2370×1978 484 KB

Some plz help me to solve this…
@lucasbasquerotto

Posts: 1

Participants: 1

Read full topic

@maximegouin wrote:

Hello,

I have this error which I don’t succeed to solve. I don’t understand because I have copy the code from the documentation.

Capture d’écran 2019-03-19 à 14.39.51.png1282×589 71.7 KB

Someone has an idea?

Thanks
Maxime

Posts: 1

Participants: 1

Read full topic

@LacOniC wrote:

As most of you know, Angular suggests core.module for singleton services. For example auth.service is a service that should be in core module. And we put core module in -only- app.module.

In ionic samples i can’t see any core module implementation. Is it because of all ionic pages are lazy and lazy pages creates their own instance of services? Or is there any other reason that developers do not prefer to use core module in ionic?

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@newelementdesigns wrote:

Hello, When trying to use Angular Cleave Directive in Ionic 4 I’m getting this error:

Can't bind to 'cleave' since it isn't a known property of 'ion-input'.
1. If 'ion-input' is an Angular component and it has 'cleave' input, then verify that it is part of this module.
2. If 'ion-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

I have imported the module (new-reair.module.ts):

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { NewRepairPage } from './new-repair.page';
import { NgxCleaveDirectiveModule } from 'ngx-cleave-directive';

const routes: Routes = [
  {
    path: '',
    component: NewRepairPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
	NgxCleaveDirectiveModule,
    RouterModule.forChild(routes)
  ],
  declarations: [NewRepairPage]
})
export class NewRepairPageModule {}

And the template looks like this (new-repair.page.html) :

...
<ion-item>
        <ion-label position="stacked">Phone</ion-label>
        <ion-input type="text" [cleave]="{phone: true}" (keyup)="onInputChange($event)" [(ngModel)]="repair.customer_phone"></ion-input>
    </ion-item>
...

Posts: 1

Participants: 1

Read full topic

@thehuangkai wrote:

Hi guys,

I want to implement a function that checks if a new version of the app is available for update everytime a user opens the app. If they do not have auto-update turned on then this function will remind them to update the app.

How can this be achieved in ios / android for ionic3?

Posts: 1

Participants: 1

Read full topic

@kapking wrote:

Access to XMLHttpRequest at ‘http://localhost/projet_ionic/webserviceapi/serceur_ionic/aksi_user.php’ from origin ‘http://localhost:8100’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Posts: 1

Participants: 1

Read full topic

@nharrer wrote:

I have created a new iOS app with ionic 4. When I upload it to the Apple App Store I get following warning:

The app references non-public selectors in Payload/FoobarApp.app/FoobarApp: _setAlwaysRunsAtForegroundPriority:

The App works well and there are no other problems in the app store. Should I be worried however? You know how picky Apple is. Don’t want the app to be rejected.

ff5q9uF.png749×451

I am using following plugins:

    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^3.0.0" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
    <plugin name="cordova-plugin-inappbrowser" spec="3.0.0" />

I think everything besides inappbrowser is default.

Posts: 2

Participants: 2

Read full topic

@rafaelmoura wrote:

How to validate filds the input Ionic 4?

<ion-item>
   <ion-label position="floating">Matrícula</ion-label>
       <ion-input type="text" name="name" name="ngModel" [(ngModel)]="this.service.usuario.name" required></ion-input>
        <!-- <mat-error *ngIf="name.invalid && name.touched">
         Fild Name <strong>required!</strong>
        </mat-error> -->
</ion-item>

Posts: 1

Participants: 1

Read full topic