I know that it has been asked many times.
I'm trying to debug a rect-native app through wifi because I need to connect an usb device to the phone.
I have followed the instructions in the documentation.
When I try to reload the app, I have the red screen:
However, When I put the URL in the browser, it works:
Obviously I' missing something here, but I can't figure out what it is.
Any help appreciated.
EDIT: Saw this answer. It allows me to install the app via Wifi but not to debug it :(, still have the red screen of death.
EDIT 2:
Tried to overcome the problem by fetching the bundle with curl and put it in the asset folder for it to be embedded. This part works but I still can't debug, this time I have more subtle error message:
Unable to connect with the remote debugger
CLEARTEXT communication to 192.168.1.61 not permitted by network security policy.
which leads to this question.
EDIT 3: Solved by modifying the existing react native network config file
Related
Whenever I try to open examples of ar.js online on my android phone.
https://stemkoski.github.io/AR-Examples/
I receive this message.
Usually, this error appears when the is a problem with the website SSL certificate or if you don't allow the website to access your phone's camera. In your case, it seems like you just need to give permissions to the website. You should also make sure your chrome version is up to date.
I have been using Chrome to debug a mobile application that I am working on, but lately I am unable to give commands like console.log('test'), or debug variables, for example: if I typed Array_Person I would get something like
[Object,Object]
>0:Object
>1:Object
And if i expand the object i would get the data inside. Now it doesnt.
Now for some reason every time i try to debug my device application, no matter what i type, it works like i am typing on notepad
It affects only my device debugger, if i try to debug a website it works as usual
What I have already tried:
- Close then open Google Chrome
- Uninstall and reinstall Google Chrome
- Reboot computer
- Recompile the mobile application
I expected to be able to open the details of the Array, as I want to debug the content of an array.
Obs: I am new here, so if my question does not fit this site, do tell me where should i send this question.
I know theres a few posts on this site regarding this error message but my issue doesn't seem to be answered by any of the solutions.
I am debugging my React Native app using my Android testing phone. Everything works correctly until I start using "Debug JS Remotely" with Chrome's React Native Debugger. That is when Chrome gives me this error. I do not have any other packages running and my AppRegistry has the correct name.
Edit: I restarted my computer and I managed to get Chrome React Native Debugger working without this error. However, upon reloading the app this error starts to pop up again.
Edit: Another thing to note, my application is working correctly when I'm not using Chrome's debugger. I have live reloading on and my app updates upon making changes to my files. This issue only appears when I turn on Remote JS Debugger.
in two situations this will happen:
1: when your development server is not up so try this:
react-native start
2: otherwise try this in terminal react-native run-android
Make sure that the packager is running from same directory as the app.
Make sure that the string in MainActivity.java matches the string in index.android.js.
I have a react-native app with ios and android versions. Both versions use a webview to access a web site. The ios version works when pointed to either the production web site or local development version. The web site uses ruby on rails and the development server is pow.
When I run the android app, it loads but when it tries to access a local version of the web site, it returns the following error:
console.error: "Encountered an error loading page", {"canGoForward":false,"code":-2,"canGoBack":false,"description":"net::ERR_ICANN_NAME_COLLISION","loading":false,"title":"","url":"http://my_app.dev/,"target":69}
The same happens if I use localhost rather than the my_app.dev. It does however work when pointed to the external production url i.e my_app.com.
I have tried using a different android device, and the error changes to ERR_CONNECTION_REFUSED. The first device used the android browser whereas the second looks like it uses chrome. So it does appear to be a browser specific problem. Reading this link, I used nslookup my_app.dev to work out the ip address as 127.0.53.53 and entered
127.0.53.53 my_app.dev
into the /private/etc/hosts file. However this still gives same error. How do I fix this?
A work around for this problem is to find out the ip address of the development machine, say 192.168.0.33, configure the server to allow external access at my_app.192.168.0.33.xip.io, and then in the react app, configure the host url as http://my_app.192.168.0.33.xip.io. However this means running the server in special mode, so it would be better to find a direct answer to this question.
I am trying to debug a web page inside my Android app's WebView.
I've setup and started weinre following these and these instructions, modified my web page adding
<script src="http://my-local-ip:8080/target/target-script-min.js"></script>
Now, as I understand, I should open http://localhost:8080/client/#anonymous in Chrome and find my debug target there. However the targets list is empty.
What have I missed or done wrong?
Had to use IP address both in Debug Target and Debug Client, i.e.
http://my-local-ip:8080/client/#anonymous
I had the same issue. The issue is gone after changed "127.0.0.1" to real ip like "192.168.0.42".