I am trying to publish my application on iphone using expo client. When I send the link from my mackbook to iphone. I got an error saying "There was a problem loading the requested app. It looks like you may be using the LAN URL. make sure your device is on the same network as the server or try using a tunnel." I am on the same network. I checked the network twice. These are the steps that I followed 1) I started the application by giving the command in terminal window saying "npm start". 2) I choose the option "s" and then I was prompted to enter my iphone #. I entered the phone number and as soon as I did that, I got the text message on my phone saying "exp://10.21... . I clicked on this link and started getting the error message "There was a problem loading the requested app. It looks like you may be using the LAN URL. make sure your device is on the same network as the server or try using a tunnel." When I choose the option i. Option"i" is to run the application on emulator. I can successfully run the application on emulator, but when I send the link to my iphone, it does not work.
any help will be greatly appreciated.
I downloaded expo xde and that compiled my project and send the permanent link to my iphone and android and it worked well. Directly doing npm start does not send the right link because of some tunneling issues.I downloaed expo XDE from this link:
Expo XDE
Related
I'm trying to run my app on my phone with Expo Go but changes I make to the code are not being updated. Both my devices are on the same wifi network and Fast Refresh is enabled. When I reload the app on the Terminal, it says the bundling with my phone is complete, so it doesn't seem to be a connection error...
Any thoughts ?
Thanks!
Problem solved. If you're using Visual Studio Code, make sure you click on "Trust" the files you're coding on...
App is working fine. Also working fine on Emulator and my mobile phone. But the problem is that it is not showing this page on my browser. Open Image
I created this project in react native, Using following commands.
expo init DoneWithIt
choses a Manage workflow with blank template
When I type "npm start" in terminal (using VS code terminal)
it shows Open Image
It is not opening in browser like this
Open Image
Have you tried opening your browser manually at localhost and port 19000? Or simply press "w" in the same terminal after it starts so it opens for you the browser as you can see in the second image.
The Web UI is now deprecated in favor of a more advance terminal interface: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
To me the "w" option is grey out but I can still run it and it will let me know that some dependencies are missing. I try to install them but it doesn't succeed. I guess just made sure that the Web UI will not work anymore.
You will see the below error if the 'w' option is grayed out or if the 'w' doesn't work,
It looks like you're trying to use web support but don't have the required dependencies installed.
Please install react-native-web#~0.18.9, react-dom#18.1.0, #expo/webpack-config#^0.17.2 by running:
npx expo install react-native-web#~0.18.9 react-dom#18.1.0 #expo/webpack-config#^0.17.2
If you're not using the web, please ensure you remove the "web" string from the platform's array in the project Expo config.
install the mentioned packages and re-start the app(npm start).
Enter w, this should work.
The reason why the application is not giving you the web browser ability is because you're missing some packages. Thus far this is the version that's support out there. Try and run this code below:
npx expo install react-native-web#~0.18.9 react-dom#18.1.0 #expo/webpack-config#^0.17.2
I have tried a lot to build a mobile app using expo with react native. Although I want to run the app using npm start command it outputs the QR code. But when I scan it using my expo client app on iphone. My app is not rendering.
I recommend to create an expo account and login in your terminal
expo login
Then login in your app and your project will appear, no need to scan qr code each time and your builds will be accessible everytime.
Run following in your terminal:
expo-cli start --tunnel
Your project will appear in Expo App.
Both devices must be connected to the same Wi-Fi though.
there is a workaround for the QR way of getting things done. Below worked for me.
Run the Expo server on an EC2 (or any VM). On AWS i used T2Micro
Expose the port 19000
go to www.the-qrcode-generator.com get QR code for the url: exp://<public ip of the ec2/ VM>:19000 . Send the QR code to people.
This QR code can be scanned by iPhone Camera app which will open Expo app. On Android the Expo QR scanner can scan and download
I have created a React Native app with the npm package bootstrapper, then run the npm start command and everything seems to be right until then.
Now, when I go to the expo app on my cell phone and scan the QR code I always get this message "Something went wrong. Could not load exp://... . Network response timed out".
I'm on windows 10, and both the laptop and the cellphone are on the same wireless network.
I don't know what could be the problem, I followed the tutorial on this link:
https://facebook.github.io/react-native/docs/getting-started.html#content
I hope anyone can help me.
Try using the offline option:
exp start --offline
I've signed developer account in xcode.
I connected iphone to mac.
I pressed cmd+b and it show built successful
Then what? How to make the app appear on iphone?
You can always go the route of creating a dev server that is only accessed through your WiFi.
See the following:
https://facebook.github.io/react-native/docs/running-on-device.html
When you connect your device then xcode checks if it's version matches with the device and if it matches then you just need to run the application from xcode by clicking the play button or CTRL+b. Then npm package runs through terminal and finally if the build is successful, the application automatically start running on your device.
Please have a look at the documentation: https://reactnative.dev/docs/running-on-device
If you followed the steps on the React Native website, you will be able to do the following commands on the command line
first, cd to your project directory like this:
cd MyApp
then, once you are in the same directory as your app, start the app with the following command,:
react-native run-ios
This should do it, if not, it will tell you what you are missing.
UPDATE:
I didn't realize it was specific to a real device, in that case, just press the Play button on the top left, pressing Cmd + B just builds the app, press Cmd + R to run.