What is the meaning of No bundle URL present in react-native

Question

When I run a react-native project  I get a error no bundle URL present   but I don t know what mistakes I do  I was very confused

User · Answer

Just run in Terminal react-native start   cd your react native app directory  react-native start    It will start up the packager  now don t close this terminal window  in another terminal window run your project  This is the only want that I found to get it working properly

User · Answer

Turn off global proxy  shadowsocks

User · Answer

It has happened to me as well  after restarting my mac  There s a launchPackager terminal window opening up when you run your app on the simulator  I closed that window and terminated the process  I also cloosed the simulator   then run again react-native run-ios and everything works fine

User · Answer

For me the issue was it couldn t create the JS bundle  It doesn t state the error when building from Xcode so there is no way for you to know this  To find the error run the following command   react-native bundle --platform ios --dev false --entry-file index ios js --bundle-output   ios release main jsbundle --assets-dest   ios release main jsbundle   For me the error was something with missing PureRenderMixin component  To which the solution can be found here  https   github com facebook react-native issues 13078  Basicly you have to manually install react 16 0 0-alpha 3  This can be done via running this command   npm i --save react 16 0 0-alpha 3  This issue is now happening for everybody because newer versions of react alphas are being released  particularly alpha 5  and they are breaking react-native builds

User · Answer

We got around this by removing the SKIP BUNDLING option in the build script that the RN docs suggested adding to speed up the debug build   The real fix  for our cause  is included in RN 0 57   https   github com facebook react-native issues 20553

User · Answer

I had the same error and was able to run the app only through Xcode  react-native run-ios did not work  To resolve the issue you need to remove the build folder at YOUR PROJECT ios build   After this you should be able to run your app through react-native run-ios again  Hope this helps

User · Answer

I faced the same issue and i resolved it by making changes in AppDelegate m file  I changed   jsCodeLocation     NSBundle mainBundle  URLForResource   main  withExtension   jsbundle      to  jsCodeLocation     RCTBundleURLProvider sharedSettings  jsBundleURLForBundleRoot   index  fallbackResource nil     And it worked for me

User · Answer

Solution --   npm start then open new Terminal and go to your project path and then hit react-native run-ios it works for me

User · Answer

I am running iOS simulator and this method works  1  Clean your native project 1 a For Android project cd android gradlew clean  1 b For iOS project cd ios xcodebuild clean  2  Clean your reactnative cach 2 a If you are using npm   npm start -- --reset-cache  2 b If you are using yarn   yarn cache clean  After that you can run your project again

User · Answer

Close your simulator and the terminal  Open new one and go to your project  then upgrade your react-native like this   react-native upgrade   Issue in  Infinite recursion in RCTFatal when the bundle fails to execute

User · Answer

This problem may happen when we have multiple versions of node managed by nvm and default version is not intended version to run react-native   make sure it is Node 8 3 or newer      react-native run-ios   opens a new terminal and runs the version of node found in the  PATH   If it finds an older version of node not supported by react native  it may give this error   Make sure  the  PATH variable is already pointing to intended version of node make sure it is Node 8 3 or newer  when a new terminal is opened   That solved the issue for me  Good luck

User · Answer

I had this same issue  But my problem was my Mac and iPhone were not in same wifi network    So ensure that they are all in same network and rebuild once again  If this is not the case  try the solutions mentioned by other members here

User · Answer

check your network proxy   better shut it down   or u should  find an other way to maintain the packager server

User · Answer

For Ios follow the below steps   rm -rf   node modules npm install react-native link cd ios Pod Install cd   react-native start Build the app in XCode 1st time then you can also from VScode

User · Answer

Be sure that your ATS settings are correct in  plist file   You can find the file at  ios   project name   Info plist  localhost must be defined as exception request target like this    lt key gt NSAppTransportSecurity lt  key gt       lt dict gt       lt key gt NSExceptionDomains lt  key gt       lt dict gt           lt key gt localhost lt  key gt           lt dict gt               lt key gt NSExceptionAllowsInsecureHTTPLoads lt  key gt               lt true  gt           lt  dict gt       lt  dict gt   lt  dict gt      dont forget to remove this on release version

User · Answer

Most of the cases this problem occurs when the DNS lookup   IP lookup fails to find localhost   Solution    Try adding the localhost ip to your etc host file   you can add the below lines to your etc host file   etc hosts   127 0 0 1     localhost  255 255 255 255   broadcasthost    1 l   ocalhost  To confirm this is the issue you can hit the bundle url on safari  if you try it in chrome this will resolve but safari won t be able to resolve it   http   localhost 8081 index ios bundle platform ios amp dev true amp minify false

User · Answer

Make sure launchPackage command are running in a terminal and try run again  It will build the bundle  It is kinda like webpack-dev-server

User · Answer

Step 1   Open the  xcodeworkspace project in your xcode by navigating it via  Terminal     open  ios  xcodeworkspace  Hit Enter   Step 2   Delete the main jsbundle file inside the  folder you have  Step 3   Go back to VS Code  type this  react-native bundle --entry-file index js --platform ios --dev false --bundle-output ios main jsbundle --assets-dest ios  This generate you the new main jsbundle file    Step 4   react-native run-ios   you wont see the error again

User · Answer

This is an issue with react-native v0 42 1  Try to close all terminal and XCode instances and run   launchctl unload   Library LaunchAgents com github facebook watchman plist watchman version react-native run-ios

User · Answer

This is because you probably have close the Metro Bundler Window or it might be crashed  just open another terminal cmd in the project directory and run npm start  By Running npm start React Native will launch the MetroBundler Window once again  After bundler finishes the BUNDLE process  just reload the Application and you will be good to go

User · Answer

This is how I did it    Open a terminal window  cd into YOUR PROJECT ios   Remove the build folder with rm -r build Run react-native run-ios again

User · Answer

another thing that working for me   is to open the project in xcode  and then clean and build it  usually it reruns the packaging server and solve the problem

User · Answer

Closing the currently running React Packager terminal window  and then re-running your iOS project from Xcode should work

User · Answer

make sure you have  jsbundle in your your project  Add   react-native bundle --dev false --entry-file index js --bundle-output ios main jsbundle --platform ios   in your react native code try to reopen the project

User · Answer

If you are running IOS simulator make sure need to run this command   react-native run-android  or  npm run-android   once you running above command metro bundler will start   then run react-nagtive run-ios it will work

User · Answer

In my case the problem was fixed by restarting the adb server  adb kill-server  amp  amp  adb start-server

User · Answer

Use the command   react-native bundle --platform ios --dev false --entry-file index js --bundle-output   ios release main jsbundle --assets-dest   ios release main jsbundle

User · Answer

I m working with RN 0 49 5   I ve tried lots of methods  but no one works  Finally i worked this out  It s simple and easy    Main idea is to change the localhost to 127 0 0 1  but it s not where the RN tells you  It s in RCTBundleURLProvider m -  BOOL isPackagerRunning  NSString   host   Changes of code  oc - NSString  host   ipGuess      localhost     NSString  host   ipGuess      127 0 0 1    This is ok for simulator  If it s device  just change the ip address to your machine s

User · Answer

I ve tried all solutions below  but nothing work    sudo xcodebuild -license or Remove the build folder with rm -r build and run react-native run-ios or npm start and run react-native run-ios Add NSAppTransportSecurity to     I solved by do this    Open host file sudo vi  private etc hosts  if you use VSCode  use this sudo code  private etc hosts  Add three line if it s not exist   127 0 0 1 localhost 255 255 255 255 broadcasthost   1 localhost    Run react-native run-ios again

User · Answer

I was connected to the network by cable and wifi on my macbook  disabled wifi and just hit run and it worked

User · Answer

I tried most of answers above  But the only that works for is a watchman command I use react-native   0 60 4     watchman watch-del-all

User · Answer

Maybe you forgot this step cd ios  amp  amp  pod install

User · Answer

I tried all solutions above  didn t work for me  This is what worked for me  you can try this out if the answers above didn t work out for you    Open your project workspace on Xcode  and delete main jsbundle file in  PROJECT-NAME  main jsbundle Create a new main jsbundle  in that same folder   right-click -  choose new file -  it ll open a dialog box  look for Others section  -  choose Empty -  name the file main jsbundle -  save Then go back to the terminal of your project  And run this command    react-native bundle --entry-file index js --platform ios --dev false --bundle-output ios main jsbundle --assets-dest ios   Start your packager and run the IOS app again   I do hope this helps you out

User · Answer

Had same problem when I did bundle my app  Check that your main jsbundle is targeted to your main Project

User · Answer

check your hosts that 127 0 0 1    localhost is not delete  check that the network agent is not set up   then npm install  amp  react-native upgrade to reset your project

User · Answer

I had this issue happen for me as well   the issue was the packer wasn t running it seemed probably because my default shell was zsh   react-native tires to open a new terminal window and run     node modules react-native packager launchPackager command but this didn t run   Manually running that  and keeping it running  fixed this for me

User · Answer

first close the simulator  then run these on terminal  npm install  react-native run-ios

User · Answer

Reason   This is because the app cannot find out the server  which serves the UI - by javascript code    Solution    Make sure everything related to react native closed  not necessary  just to have clean start for my solution  after my explanation  you can figure out this is needed or not  run npm run start or yarn start first wait for this command done job  usually you will see Loading dependency graph  done   run react-native run-ios android   Explanation    React Native comes with 2 parts    Native part Javascript part  Build commands    react-native run-ios android is to build native part then deploy to devices and start app on devices  simulator emulator real device   This usually took 3 4 mins to finish  npm run start or yarn start is to build the javascript part and start the dev server to serve the built UI to the app  This usually took 30 secs to finish        Normally  the javascript part finished first then the native part came later   based on time they used       this is only true for the first time build  fresh build       for re-build    The native part just took 10 15 secs to check changes and because no change for native part    done before the javascript part was built and served   I am not sure the javascript part was rebuilt or not but it took long time than native part  So that is why we had this issue  the app ran and required thing that did not exist yet    Bonus    react-native run-ios android will auto start the dev server for you  That s why when you ran react-native run-ios android right after react-native init  lt app name gt   everything ran well   because auto start feature and the time was took for fresh build as state above   Other  removing  solutions worked because they forced rebuilding    Time used on this answer was relative to my machine    may different on others

User · Answer

Assuming that you are using nvm and multiple versions of node installed  here is the solution    Say that you run npm install -g react-native-cli in node v6 9 5    Now make node v6 9 5 as default by running nvm alias default 6 9 5 Now run react-native run-ios   The problem is  you have multiple versions of node installed via nvm and to install react-native-cli you have switched or installed latest version of node  which is not marked as default node to point in nvm yet  When you run react-native run-ios this opens up another new terminal window in which default nvm is not pointed to the node version where you have installed react-native-cli  Just follow the above setup  I hope that should help

User · Answer

try to add this     lt key gt NSAppTransportSecurity lt  key gt   lt dict gt       lt key gt NSAllowsArbitraryLoads lt  key gt       lt true  gt       lt key gt NSAllowsArbitraryLoadsInWebContent lt  key gt       lt true  gt       lt key gt NSAllowsLocalNetworking lt  key gt       lt true  gt   lt  dict gt

User · Answer

For Mcafee Macbook users   sudo launchctl remove com mcafee agent macmn

User · Answer

following these steps   open ios file project with xcode in project bundle delete main jsbundle file add new empty file by main jsbundle name Run comment  react-native bundle --entry-file index js --platform ios --dev false --bundle-output ios main jsbundle --assets-dest ios now react-native run-ios  youtube link  https   www youtube com watch v eCs2GsWNkoo

User · Answer

I just ran into this problem as well  first time getting started with React Native    The problem disappeared when - while an ios simulation react-native run-ios  was running - I ran npm install and then react-native run-ios again   In the terminal window  it showed that it was bundling  and then the simulator showed the welcome screen   Check this link for briefs after react-native init PropertyFinder line try to use npm start  This one works for me                                                                             UPDATE for 16 9  My port 8081 was blocked by McAfee  Using a different port directly wasn t working react-native start --port 8082 and react-native run-ios --port 8082  Tried almost all solutions given here  but anything didn t work             react    16 9 0            react-dom     16 12 0            react-native    0 61 5     Solution    Searched for 8081 in Xcode and replaced all of them with 8082  Then run the same commands to build and run the app  App works smoothly   react-native start --port 8082 react-native run-ios --port 8082

User · Answer

This problem occurred to me because Metro bundler started and received focus while I was typing on my keyboard in another window  My accidental input in the newly opened terminal window caused Metro bundler to crash  Rerunning react-native run-ios and waiting patiently fixed it

User · Answer

This problem happens when you not allow unsecure connections via localhost  or maybe you tried to accept unsecure connections via http   To fix this  add this on info plist    lt key gt NSAppTransportSecurity lt  key gt       lt dict gt           lt key gt NSAllowsArbitraryLoads lt  key gt           lt true  gt           lt key gt NSAllowsArbitraryLoadsInWebContent lt  key gt           lt true  gt           lt key gt NSAllowsLocalNetworking lt  key gt           lt true  gt       lt  dict gt

User · Answer

I have found the easiest quickest way to bypass this is to exit the app within the simulator  2 x Cmd   Shift   H  and re-launch

User · Answer

Execute the below command   killall -9 node rm -rf ios build react-native run-ios   it will open launchpackager command and the application will install on the ios simulator

User · Answer

Ok  that may sound weird but none of those answers worked for me  I m now at react-native 0 60 and the problem was happening on ios and android   the only solution that worked for me was running  react-native run-ios or react-native run-android  Then  when the error appears  run npm install  Keep the bundler and the simulator open  then run react-native run-ios or react-native run-android

User · Answer

Open a terminal window  cd into YOUR PROJECT ios   Remove the build folder with rm -r build  After that open your project in Xcode and run once  it will run with starting the server and create the main jsbundle file   Now if you Run react-native run-ios from terminal again it will work as expected   Hope it will help

User · Answer

For my use case  i had to remove node modules directory and run npm install     rm -rf node modules    make sure you re in the ios project directory    npm install   If you get error  dyld  Library not loaded   usr local opt icu4c lib libicui18n 58 dylib   do the following     brew uninstall --force node --ignore-dependencies node   brew uninstall icu4c --ignore-dependencies icu4c   brew install icu4c   brew unlink icu4c  amp  amp  brew link icu4c --force   brew install node    npm install

User · Answer

another reason why this is happening is if you have installed Visual Studio Code React Native Tools but you keep trying to use react native in the terminal  it will work the first time but then it will stop and show you the red no bundle screen   launching react native from vscode works perfectly instead

User · Answer

I know this question has many answers But these are not helped me  Below solution that helped me to resolve the error  You have to go into your settings and allow this particular app   Open system preferences  Click  security  amp  privacy quot   Bottom right-click  quot  Click the lock to make changes quot   Enter password  Under the general tab where it says   app store and identified developers  you should see your blocked app  Final step  click  quot open anyway quot   Source    launchPackager command    cannot be opened because it is from an unidentified developer

User · Answer

Solve the error No bundle URL present by    Running the following command in your project root directory to delete the iOS build directory  and to kill other React Native sessions  assuming they re running on default port 8081  before re-building    rm -rf ios build   kill   lsof -t -i 8081   react-native run-ios   Update your React Native workflow to avoid these error occur by combining the above combination of commands into an alias and appending it to your Bash config file  bashrc with this command    echo  alias rni   kill    lsof -t -i 8081   rm -rf ios build   react-native run-ios     gt  gt     bashrc  source    bashrc  Now you can run React Native iOS build  without worrying about some of the common red error screens of death appearing  with a simple alias shortcut   rni

User · Answer

Try running this code     sudo xcodebuild -license  This may fix the issue  This works for me

User · Answer

As instructed in the error message      Agreeing to the Xcode iOS license requires admin privileges  please run  sudo xcodebuild -license  and then retry this command    Running the following command worked   sudo xcodebuild -license

User · Answer

What solved it for me    Open a terminal window cd into YOUR PROJECT ios Remove the build folder with rm -r build Run react-native run-ios again   Alternatively  you could open Finder  navigate to YOUR PROJECT ios and delete the build folder   Then run react-native run-ios again   Source  Andrew Bancroft

User · Answer

export FORCE BUNDLING true worked for me  There was a warning in the console that it was not getting bundled

User · Answer

It s because your client cannot reach your packager server   If you are a Chinese Coder just as I am  I think you might using VPN get through the GFW  When your VPN tool is in  Global Mode   all your request will travel through the world and cannot get localhost  Try  Auto Proxy Mode    If you are not come from China  or your VPN setting is already  Auto Proxy Mode   I suggest you shut down your packager server and try again

User · Answer

check your  localhost  key at NSExceptionDomains dict in info plist   if it doesn t exist  it causes error

[ios] What is the meaning of 'No bundle URL present' in react-native?

Examples related to ios

Examples related to reactjs

Examples related to react-native