Ionic Capacitor Error occurs sporadically in app with polyfills - ionic-framework

I am using Ionic 5 with Capacitor 2.4. Sometimes there are errors at runtime like this when running on android or apple devices:
"#capacitor://localhost/3.008c706ad59f318aa3fd.js:1:3212\n__tryOrUnsub#capacitor://localhost/main.c68298d83b828b6fc082.js:1:286188\nnext#capacitor://localhost/main.c68298d83b828b6fc082.js:1:285417\n_next#capacitor://localhost/main.c68298d83b828b6fc082.js:1:284580\nnext#capacitor://localhost/main.c68298d83b828b6fc082.js:1:284355\n_next#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1180252\nnext#capacitor://localhost/main.c68298d83b828b6fc082.js:1:284355\n_next#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1180252\nnext#capacitor://localhost/main.c68298d83b828b6fc082.js:1:284355\ndispatch#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1266164\n#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1311804\nonInvoke#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1088017\nrunGuarded#capacitor://localhost/polyfills.4ea97ed0da6445bc9427.js:1:2235\n#capacitor://localhost/main.c68298d83b828b6fc082.js:1:1311791\n_execute#capacitor://localhost/main.c68298d83b828b6fc082.js:1:44143\nexecute#capacitor://localhost/main.c68298d83b828b6fc082.js:1:43992\nflush#capacitor://localhost/main.c68298d83b828b6fc082.js:1:707896\nflush#[native code]\nrunTask#capacitor://localhost/polyfills.4ea97ed0da6445bc9427.js:1:2731\ninvokeTask#capacitor://localhost/polyfills.4ea97ed0da6445bc9427.js:1:8369\n#capacitor://localhost/polyfills.4ea97ed0da6445bc9427.js:1:32140"
I do not have any ideas why or when this happens. It is not reproducible and occurs sporadically with some users of my app.
Any ideas?
Thanks, Maik.

Related

net:: ERR_SPDY_PROTOCOL_ERROR - Flutter webview app on android 6.0 Marshmallow

I created a flutter webview application and successfully tested on many emulator android api versions & a physical device running on Android 11. Lastly when I'm testing on my older android 6.0 device , I got an error message as mentioned below.
The webpage https://testsite.com could not be loaded because
net:: ERR_SPDY_PROTOCOL_ERROR
If this error occurred to anybody / if anyone have solution for this, please help.

I found an article on internet said that this "ERR_SPDY_PROTOCOL_ERROR" can occur due to outdated web browser. So I tried to update the chrome browser on my phone. But it didn't solve my problem.
Finally I made it worked by updating the Android System WebView on google playstore. I think the error earlier happened is because of the very old Android System WebView.

ionic app on android with error message "detected problems with API compatibility"

I just walk through the ionic guidance to build an ionic app. After the app deployed on my android device, it always displays an error message "detected problems with API compatibility (visit g.co/dev/appcompat for more information)" as the enclosed screenshot.
I tried to package and deploy the app with Cordova and Capacitor. The same error message displayed. (yes, Capacitor actually based on Cordova).
I just walk through the g.co/dev/appcompat and do some search online. It is caused by Restrictions on non-SDK interfaces of Android 9. The app was created with ionic start template.
Anyone know the solution to dissolve the warning message? Thanks very much~

Baqend is not working with emulator or real device using ionic

I'm developing an app using Baqend and ionic. When I run ionic serve the app runs fine in the browser and it is able to call Baqend. However, when I run ionic cordova emulate ios suddenly Baqend is not working in the Xcode emulator and it does not produce any errors in the console even with adding the --consolelog parameter.
I also tried:
Opening the project inside of Xcode and running it from there but same result.
Running the ionic/Baqend starter (https://github.com/baqend/ionic1-starter) and same result.
How can I debug this issue?
Update: I just tested it with Android using ionic cordova emulate android and it worked fine. So it seems that the issue only exist with ios.

The issue was solved by adding <allow-navigation href="https://*.app.baqend.com/*" /> in config.xml file.

ionic dev app is not detecting the ionic app

I am testing my ionic application using the ionic Dev app in android. After updating ionic to the newest version, ionic dev app is not detecting the application though it detected earlier. Is it a problem with the ionic cli version? How can I solve this?

ionic v2 error ionic view

I'm developing an ionic v2 app but even working on ionic lab it gets a complete white screen on the ionic view. If I do the same withe the ionic v1 it works.
ionic start sample --v2
cd sample
ionic lab
ionic upload
It shows white but
ionic start sample
cd sample
ionic lab
ionic upload
It works perfectly. No changes on the code at all
Thanks

ionic 2 needs at least 4.4 android to work, lost a lot of time on this and there is nothing on the ionic website informing about that. Writing down here to help anyone in the future.

Ionic v2 supports android 4.4 and up. The older browser on pre-4.4 devices do not have the features needed for ionic2 and angular 2 to work. Though this can be fixed with crosswalk.

The supported platforms are list here:
http://ionicframework.com/docs/overview/#browser-support
You can go back to 4.1 with crosswalk it states.

ionic 2 needs at least 4.4 android to work,.. for more info debug app in chrome.

from ionic 2 Ionic officially stops to use ionic lab.
You can run and test your app in browser using command "ionic serve".

Ionic2 app was initially created with --v2 flag but now they removed it . So nothing happens with --v2

Better way to solve the code 1st time by running directly into android devices by
Ionic cordova run android or
Ionic run android
Then connect your device with your system and open chrome and enter chrome://inspect to the url
Now you can console log the the error and can find the way of solutions.
Now try to run by ionic view

Remove the platform and then add it again.

please try eionic start sample --type=ionic-angular