<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>React Native on Andrew Bancroft</title>
    <link>https://www.andrewcbancroft.com/tags/react-native/</link>
    <description>Recent content about iOS development with Swift in React Native  from Andrew Bancroft.</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <lastBuildDate>Sat, 22 Apr 2017 17:49:11 +0000</lastBuildDate>
    
        <atom:link href="https://www.andrewcbancroft.com/tags/react-native/index.xml" rel="self" type="application/rss+xml" />
    
    
    <item>
      <title>Solving React Native’s “No bundle url present” Error</title>
      <link>https://www.andrewcbancroft.com/2017/04/22/solving-react-natives-no-bundle-url-present-error/</link>
      <pubDate>Sat, 22 Apr 2017 17:49:11 +0000</pubDate>
      
      <guid>https://www.andrewcbancroft.com/2017/04/22/solving-react-natives-no-bundle-url-present-error/</guid>
      <description>&lt;p&gt;I hit the &amp;ldquo;No bundle url present.” roadblock today and had to dig a bit to find the solution. I&amp;rsquo;m going to describe how I encountered the problem, and provide the solution that&amp;rsquo;s worked more than once for me, ever since I found the suggestion in the React Native GitHub repository.&lt;/p&gt;
&lt;p&gt;&lt;a name=&#34;problem&#34; class=&#34;jump-target&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&#34;the-problem&#34;&gt;The Problem&lt;/h1&gt;
&lt;ul&gt;
&lt;li&gt;You&amp;rsquo;ve got a React Native app.&lt;/li&gt;
&lt;li&gt;In the terminal, you run &lt;code&gt;react-native run-ios&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the simulator, you hit a roadblock with the following error in a bright red screen:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;No bundle url present. Make sure you&amp;rsquo;re running a packager server or have included a .jsbundle file in your application bundle.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&#34;https://www.andrewcbancroft.com/wp-content/uploads/2017/04/Glass.png&#34;&gt;&lt;img src=&#34;https://www.andrewcbancroft.com/wp-content/uploads/2017/04/Glass.png&#34; alt=&#34;No bundle URL present&#34; width=&#34;370&#34; height=&#34;666&#34; class=&#34;alignnone size-full wp-image-13258&#34; srcset=&#34;https://www.andrewcbancroft.com/wp-content/uploads/2017/04/Glass.png 370w, https://www.andrewcbancroft.com/wp-content/uploads/2017/04/Glass-167x300.png 167w&#34; sizes=&#34;(max-width: 370px) 100vw, 370px&#34; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a name=&#34;solution&#34; class=&#34;jump-target&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&#34;the-solution&#34;&gt;The Solution&lt;/h1&gt;
&lt;p&gt;Buried &lt;a href=&#34;https://github.com/facebook/react-native/issues/12754&#34;&gt;in the comments&lt;/a&gt; of one of the React Native repo&amp;rsquo;s issues on GitHub, I found a solution that worked for me…&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Open a terminal window&lt;/li&gt;
&lt;li&gt;&lt;code&gt;cd&lt;/code&gt; into &lt;code&gt;YOUR_PROJECT/ios&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Remove the build folder with &lt;code&gt;rm -r build&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Run &lt;code&gt;react-native run-ios&lt;/code&gt; again&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Alternatively, you could open Finder, navigate to &lt;code&gt;YOUR_PROJECT/ios&lt;/code&gt; and delete the &lt;code&gt;build&lt;/code&gt; folder. Then run &lt;code&gt;react-native run-ios&lt;/code&gt; again.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m not sure what causes this (that bothers me), but but at least I&amp;rsquo;ve found something to get me going again.&lt;/p&gt;
&lt;p&gt;&lt;a name=&#34;share&#34; class=&#34;jump-target&#34;&gt;&lt;/a&gt;&lt;/p&gt;
</description>
    </item>
    
  </channel>
</rss>