Hey Im trying to Remote debug an Ionic Application, it was working recently, but now the device shows on Chrome Remote devices but when i click the device the app process wont show. it will show other mobile chrome tab Processes but not the Ionic app.
any clues ?
I fixed this, It was my fault, I built a release apk and was expecting a debug mode. When you build without the --release, It works
Related
I am trying to build an app. I am using flutter as the framework and VS Code as my IDE. I also have an android emulator installed via android studio. I am trying to implement authentication. If i run my app it opens in the emulator and works just fine. Now i want to test if a user stays logged in when the app is closed (not running in the background) and reopened. However if i close the app in the android emulator, the whole process stops and there is no icon of my app on the home screen with which i could restart it. I have to "run and debug" again in VS Code to restart the process. Is there any way to start the app again via the emulator phone?
I updated the emulator and the flutter package, i changed emulator devices. Did not solve the problem.
Because when your app is disconnected from debug - you can use hot restart its consider as app is kill and open again - here having a problem with flutter if you disconnect from debug your all assets will be remove from entire app. Another option - if you want to test your app then make release app and installed in physical device
You can try to run your app from VS Code itself.
Use this bottom Menu button to launch emulator:
Select your Emulator from listed / Create a new one:
Hope it helps!
I can build & launching app well in my iPhone when my phone is connecting to the macbook , and launching by the command line flutter run.
But when i disconnect my iPhone from the macbook . and I want to launch the app from the iPhone's desktop. the app seems can't launch , and will exit very soon.
Is there any way to launch flutter app from the iPhone's desktop?
This is happen because you are building iOS app in debug mode, run app in profile or release mode and it will fix.
Thanks for the #eamirho3ein's answer: change the debug to release fix the problem.
In fact, there is one thing to be metioned: the default config in xcode for command-line build is release already, but if you change this mode won't help. the mode needed to be change is the flutter run mode.
there are many ways to do this.
I am using flutter to write a simple app, everything works fine on Android, iOS, and Chrome. (I've also tested on Firefox & Brave Browser, all's well).
However, on Safari (Mac & iOS), the flutter app gets stuck on the index.html file and does not load the PWA.
The error from the console on Safari Inspect
How can I know what the anonymous function in js_helper is, or what main.dart.js:57063 refers to?
Is there any way of building for web without minifying?
Has anybody encountered a scenario where everything works on all platforms except Safari?
Flutter Doctor
Log from console when running on local server
debug for safari is not supported yet
but for anyone with the same problem you could solve it by running the app on release mode
flutter run -d chrome --release
after that open with the same port on safari and everything should be fine
You won't be able to debug it directly on Safari, but if you just want to test your app in safari with localHost, you can use these steps :
Enable 'developer' menu in Safari from settings of Safari :
Then check on 'Disable Cross-Origin restrictions"
Now after running release version of web app in chrome, use same app's address in Safari, you will be able to test it. Ex. http://localhost:51155/
to run in release mode : flutter run -d chrome --release
Hope this helps!
I'm trying to run my first flutter code on the web. I followed setup instructions provided in Building a web application with Flutter and created a very simple app, that's only supposed to display a navigation bar. Now as I'm running my application for the first time on "Chrome (web)" device, it won't connect to the browser. It's been almost 20 minutes and it's still telling me "Attempting to connect to browser instance".
> flutter run -d chrome
Launching lib\main.dart on Chrome in debug mode...
Building application for the web... 1215.1s
Attempting to connect to browser instance..
(This is taking an unexpectedly long time.)
Can anyone guide me on how to fix this?
In my case, I couldn't disable the virus guard. So I used the server mode.
flutter run -d web-server
Launching lib\main.dart on Web Server in debug mode...
Building application for the web... 8.8s
lib\main.dart is being served at http://localhost:57598/
Then go to the URL shown.
The same thing happened to me, I disabled the anti virus and it worked
It's mostly nothing to do with Flutter but, it's either because you have logged in your computer in safe mode. In my case the shift key was stuck and I had no idea I was in safe mode.
Or else You need to check your firewall, go to System Preferences > Security and Privacy > Firewall --click the lock below and enter your system password -- and then click firewall option -- In there add your editor to allow internet connection for android studio Or VS Code.
I experienced the something similar, chrome opens but never showed the web app (just white screen). In my case it had to do with the interaction of flutter and riverpod.
If you are using riverpod 1.0.0 and flutter 2.5.3 you need to update flutter to 2.8.0 or 2.8.1 (see this issue: https://github.com/rrousselGit/river_pod/issues/889)
my ionic project works fine with ionic serve --lab ,but while copied the.apk file in build folder to my phone and install the app but blank screen appears ,
Please can anyone suggest what might be my problem
my app is using google maps,key is provieded for both app and browser in index.html
Have you tried running it in the emulator ? Since its much easier to see the error logs . Try ionic emulate android -l or ios -l (whichever OS you are building for) and then once the execution starts run the command consolelogs it will log all the activity and you will have a better understanding about why its not working.
+1 for using Chrome Remote Debugging feature. It give you the same output as you would receive from running you app in the browser.
Additionally, I have found that sometimes if your app is already compiled, the ionic CLI doesnt always copy your current files into the APK, and uses the older cached files instead. If you are banging your head against the wall, run the following commands to make sure you have your latest code in your APK.
ionic platform remove android
ionic platform add android
ionic run android
I suggest you use the Chrome Remote Debugging feature. I encountered the same, and looked for answers to my symptom for hours. Once I connected to the chrome remote debugger, I got the console.log back, and noticed there was a problem in my routing setup.
It was a problem with ionic CLI. I've updated it to the latest and reinstalled all dependencies.