Ionic Capacitor IOS Only Works With Livereload - ios

In my ionic capacitor ios app, the app works just fine on a web browser using ionic serve. When I try running ionic capacitor run ios, that is successful but when I build the app I get this:
While that looks like a lot, you can see that at the end it says Webview failed to load and the request timed out. On my phone, all I see is the splash screen.
Instead, when I run ionic cap run ios -l --external, I get this:
In this console, the same warning messages happen, but it says "onscript loading complete" and then the actual app works.
I have looked through many StackOverflow + github pages offering help for this issue. From this issue, I made sure that my phone and computer were on the same wifi. Anyone experienced this error before/knows what to do? This code has worked in the past.

I figured out the issue! The app was trying to connect to a server that did not exist. I needed to remove the server field in capacitor.config.json. I cut out that json field and then ran ionic cap run ios, and the code worked.
Please comment if you are still experiencing this issue

Related

Ionic 6 app getting CORS error accessing develper.google.com on iPad only

I have an ionic 6 app built with angular and cordova. I can build the app just fine for iOS and it runs on an iPhone with no issues.
But for some reason, when running the same build on an iPad I get CORS error accessing developers.google.com (I assume this is from firebase, which is in my app)
Most of the other questions I've found involve Capacitor, which I am NOT using.
Similar, but I'm not making http requests directly. I'm using AngularFire: https://forum.ionicframework.com/t/cors-issue-when-sending-request-from-ionic-to-firebase-cloud-function/185239
I've been able to repeat this scenario. If I remove the app from the iPad simulator and run it again, it works. However, if I refresh using Safari dev tools, or just re-run the app, the issue occurs. (maybe it's a timing issue?)
erorrs.
Some more information around the erorrs
The way I managed to address this was to switch from the Cordova build to the Capacitor build following the instructions here:
https://capacitorjs.com/docs/cordova/migrating-from-cordova-to-capacitor
Essentially, once I started using the newly create ios folder instead of the old platform/ios that was generated by Cordova, the error stopped.
I don't know why, but maybe this will help someone else.

Angular route is not working with Cordova iOS

I'm facing an issue with Cordova, Cordova-ios 6.2.0 and Angular 12.0.
When I'm building my app with Cordova and launch it in an emulator (or with a device), I'm arriving to a white screen.
I did some research and try some "fix" but nothing worked.
Finlly, I've find that it could be because of the balise.
So, I tried to play with the tag and modify the href with ., ./, / but nothing worked.
I've tried without and it worked, but without routing.
Has someone already had this problem?
The Angular router needs the app to be hosted on a "proper" HTTP scheme and does not work with file: URLs. You can check how your app runs, if you open the JavaScript console for your app running on an iOS device with Chrome and typing location.href. If you see file: you need to set up a custom scheme.
Please checkout the documentation and this announcement https://cordova.apache.org/announcements/2020/06/01/cordova-ios-release-6.0.0.html

unexpected code 404 on publishing react native app on expo

I have been trying to publish my react-native app on expo so I can show it to others.
But i am facing error. I looked up on internet but couldn't find solution that can solve my problem.
The error is:
Building iOS bundle
Packager URL http://127.0.0.1:80/index.bundle?dev=false&minify=true&hot=false&platform=ios returned unexpected code 404. Please open your project in the Expo app and see if there are any errors. Also scroll up and make sure there were no errors or warnings when opening your project.
I am using visual studio code and when i run app by
expo start
It opens.. shows QR code... I scan with my iphone..and app opens in expo client.. works perfectly fine there but the above error comes when i try to publish.
can anyone tell me what might be the issue here please ?
Try to publish the app again unchecking the 'Optimize Assets' checkbox. This works for me.

blank page when I started web flutter debugging

looks like this :
I have a problem when flutter web debugging. My launching project doesn't stop and displays a blank page.
blank page like this :
i try too webdev serve, but no error.I don't know what made it like that, because there was no error in vs studio
If you have switched to the beta channel and you still encounter this issue, run the following commands
flutter clean
flutter pub cache repair
This is a link to the github issue
Please, verify that your computer is online. Sometime, the app need connexion to load some js files.

Meteor AngularJS Ionic IOS device blank page

I am building a Meteor hybrid app that using AngularJS and ionic, so I decided to use driftyco:ionic, since meteoric:ionic doesn't support Angular.
Everything works fine on web browser, however, it is blank when it runs on ios devices or simulator with no warnings or errors showing. I get rid of driftyco:ionic, content is able to show on ios devices. Thus, I believe there is something I did wrong with driftyco:ionic, so I got a blank page.
My repo https://github.com/yumikohey/bringMe ?
I deployed to 52.89.149.88(most updated) and bring-me.meteor.com(older version)
Thanks for your help.
Create mobile-config.js and add App.accessRule('*');
Re-run meteor

Resources