I restarted my mac last night. Now development functions of generating source maps and opening the browser when i use ionice serve do not work. I have no idea why. The app works fine otherwise:
I am using VS Code 1.63.2
Ionic Framework: 6
Angular: 13.1.1
Capacitor: 3.2.4
Edit: this seems to be a configuration issue with mac, as when i run it on window, everything works as expected.
This was an issue with MS Edge on Mac. Both Chrome and Safari work as expected.
Related
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.
I am using eclipse, Appium 1.6.4 and Android Studion with Android 7.0 also tried with 6.0.
I run my automated test and it executes, it connects to the device, it opens the chrome browser but then doesnt navigate to the google url using the driver.get(...) method it just says data;, . I dont get any errors until it eventually times out and tries running it again.
Any help would be appreciated as ive tried a few things and got nothing.
Thank you.
This is my first time writing an ionic 2 app. I have cloned from github a tutorial app and successfully built it on my local pc.
$ npm install
$ ionic platform add android
$ ionic build android
This command works $ ionic serve --livereload (I can run my app in the browser, set breakpoint and debug in visual studio code. Everything works perfectly)
But when I attempt to deploy the app on my android emulator
(target:Android 7.0, cpu/abi: Intel Atom (x86_64), Ram 2048, VN Heap:64), this app craches.
This is the command to deploy app to emulator:
$ ionic run android
And this is the crach:
I have looked at many threads over the internet. Some suggest to reinstall every thing. (But ionic server works perfectly...). Here are my system specifications:
npm:
ionic 2:
Please any help would be greatly appreciated
I also had the same problem with ionic when running on emulator.
I solved it by making sure that the value for FadeSplashScreenDuration and SplashScreenDelay are set as Integers, instead of doubles in the config.xml file under your ionic project folder.
It might be not the solution you were looking for but lately I had the same problem and couldn't found the solution.
My target on emulator had android 7.0 version (API 24).
It started to working when i created new device with android 6 (API 24).
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.
I tried to use live reload feature with ionic serve and ionic emulate ios --livereload. Server starts well, application is displayed on simulator (or in browser) and it works smoothly.
When I change a file (a js or html in www directory) and save it, console write HTML changed: www/index.html for example, but application doesn't reload itself as it should be.
I supposed that websocket between server and app could be broken, but when I kill the server (Ctrl-C), web inspector immediatly fire the following error :
[Error] WebSocket network error: The operation couldn’t be completed. Connection refused (192.168.5.2, line 0, x4)
So I supposed that there is no issue with websocket. Moreover, it is displayed with no error in Network pane of web inspector.
Is there something I missed to made livereload work ?
My configuration :
Cordova CLI: 5.0.0
Ionic Version: 1.0.0
Ionic CLI Version: 1.4.5
Ionic App Lib Version: 0.0.22
ios-deploy version: 1.7.0
ios-sim version: 3.1.1
OS: Mac OS X Yosemite
Node Version: v0.10.30
Xcode version: Xcode 6.3.2 Build version 6D2105
Don't hesitate to ask me for clarification if something is not clear.
Edit
I also tested it without Internet connection at all to check if it was a firewall issue or something like that, but it changes nothing.
Try running ionic address and selecting the correct interface.
If it doesn't work and it's iOS 9, it may be an issue with Apple ATS:
https://github.com/driftyco/ionic-cli/issues/605
It could also be a CORS issue. In this case, try installing the cordova-white-list plugin.
I solved this doing this:
Go to https://update.ionic.zone/
Copy the content of your package.json in the input tab.
Then click in the update button
Copy the content of the output tab and paste replacing the content of your package.json
Save the file, and run npm install
When the updates are finish just run ionic serve and it should be works fine again
;)
I have faced such a problem, tried a fresh new app, worked perfectly, tried another old app, also worked perfectly.
Tried to stop using some modules (clipboard in my case and another one), solved the problem, in my case it was an error in the way I am importing or using it.
Hope this will help someone