Ionic: There was a network error when running on Genymotion

Running Ionic with Genymotion, you might run into network issues when trying to run your application in your Genymotion device VM. The one I got was :

Application Error
There was a network error (http://192.168.56.1)

when trying to launch my app on the device. It wasn’t a firewall issue, i was successfuly able to ping my host machine from Chrome within the device. Ran some debugging from within Android Studio and saw that:

04-25 16:10:45.960  14405-14433/com.exam.examinous W/SystemWebViewClient﹕ URL blocked by whitelist: http://192.168.56.1:2019/

It turns out that with Cordova 5 and Ionic 1.3 you :

─$ cordova -v
5.0.0
─$ ionic -v
1.3.20

You need to add the Cordova Whitelist Plugin

ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git

and rebuild, that should set you.

Also if you’re running into this error when trying to add a plugin:

SyntaxError: Unexpected token }
at Object.parse (native)
at getJson (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/plugman/util/metadata.js:29:31)
at Object.exports.save_fetch_metadata (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/plugman/util/metadata.js:56:24)

then check your plugins/fetch.json file for extra brackets.

Advertisement

2 responses to “Ionic: There was a network error when running on Genymotion”

  1. Thank you for this post! Two of the developers on my team were having a similar issue and we finally got it fixed thanks to you. Keep posting man! 🙂

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: