走了又 發表於 2020-9-16 20:36:00

Flipper & React Native

<h1 id="flipper--react-native">Flipper &amp; React Native</h1>
<h2 id="flipper">Flipper</h2>
<blockquote>
<p>Flipper是一款用于调试移动应用程序的出色开发人员工具,在Android和iOS社区中颇受欢迎。</p>
</blockquote>
<blockquote>
<p>Flipper is a great developer tool for debugging mobile apps and quite popular in the Android and iOS communities.</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/740516/202009/740516-20200916203249523-1021063964.png" alt="" loading="lazy"></p>
<p>https://fbflipper.com/</p>
<p>https://github.com/facebook/flipper</p>
<h2 id="react-native">React Native</h2>
<blockquote>
<p>CocoaPods bug &amp; React Native &amp; Error installing Flipper</p>
</blockquote>
<p>https://github.com/facebook/react-native/issues/27565#issuecomment-651827994</p>
<p>https://github.com/facebook/flipper/issues/1321</p>
<p>https://github.com/facebook/react-native/issues/29251</p>
<pre><code class="language-sh">$ pod install --verbose
</code></pre>
<blockquote>
<p>stop, after installing here</p>
</blockquote>
<p><img src="https://user-images.githubusercontent.com/7291672/86138970-bdbfcd00-bb21-11ea-91cb-5c9874777803.png" alt="image" loading="lazy"></p>
<pre><code class="language-sh">$ pod install
</code></pre>
<p><img src="https://user-images.githubusercontent.com/7291672/86123502-32880c80-bb0c-11ea-80c3-043901031d02.png" alt="" loading="lazy"></p>
<p>CocoaPods bug &amp; Error installing Flipper</p>
<h2 id="flipper-folly">Flipper-Folly</h2>
<blockquote>
<p>Error installing Flipper-Folly</p>
</blockquote>
<pre><code class="language-sh">$ cd ./design_pattern_app/ios &amp;&amp; pod install


➜ios git:(rn-app) ✗ pod install
Analyzing dependencies
Fetching podspec for `DoubleConversion` from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`
Fetching podspec for `Folly` from `../node_modules/react-native/third-party-podspecs/Folly.podspec`
Fetching podspec for `glog` from `../node_modules/react-native/third-party-podspecs/glog.podspec`
Downloading dependencies
Installing CocoaAsyncSocket (7.6.4)
Installing CocoaLibEvent (1.0.0)
Installing DoubleConversion (1.1.6)
Installing FBLazyVector (0.63.3)
Installing FBReactNativeSpec (0.63.3)
Installing Flipper (0.54.0)
Installing Flipper-DoubleConversion (1.1.7)
Installing Flipper-Folly (2.3.0)

[!] Error installing Flipper-Folly
[!] /usr/bin/git clone https://github.com/facebook/folly.git /var/folders/qm/csrtpvpn62x82v4zykvsrnw80000gn/T/d20201028-52328-hfukp8 --template= --single-branch --depth 1 --branch v2020.04.06.00

Cloning into '/var/folders/qm/csrtpvpn62x82v4zykvsrnw80000gn/T/d20201028-52328-hfukp8'...
error: RPC failed; curl 18 transfer closed with outstanding read data remaining
fatal: the remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed

</code></pre>
<p>https://github.com/facebook/folly</p>
<h3 id="solution">Solution</h3>
<p>多试几次,就好了</p>
<pre><code class="language-sh">➜src git:(rn-app) ✗ npx react-native init design_pattern_app
                                                         
               ######                ######               
             ###   ####      ####   ###            
            ##          ###    ###          ##            
            ##             ####             ##            
            ##             ####             ##            
            ##         ##    ##         ##            
            ##         ###      ###         ##            
             ############################            
          ######    ###            ###    ######         
      ###   ##    ##            ##    ##   ###      
   ###         ## ###      ####      ### ##         ###   
##         ####      ########      ####         ##
##             ###   ##########   ###             ##
##         ####      ########      ####         ##
   ###         ## ###      ####      ### ##         ###   
      ###   ##    ##            ##    ##   ###      
          ######    ###            ###    ######         
             ############################            
            ##         ###      ###         ##            
            ##         ##    ##         ##            
            ##             ####             ##            
            ##             ####             ##            
            ##          ###    ###          ##            
             ###   ####      ####   ###            
               ######                ######               
                                                         

                  Welcome to React Native!               
               Learn once, write anywhere               

✔ Downloading template
✔ Copying template
✔ Processing template
✔ Installing CocoaPods dependencies (this may take a few minutes)

Run instructions for iOS:
    • cd "/Users/xgqfrms-mbp/Documents/GitHub/23-design-patterns-app/src/design_pattern_app" &amp;&amp; npx react-native run-ios
    - or -
    • Open design_pattern_app/ios/design_pattern_app.xcworkspace in Xcode or run "xed -b ios"
    • Hit the Run button

Run instructions for Android:
    • Have an Android emulator running (quickest way to get started), or a device connected.
    • cd "/Users/xgqfrms-mbp/Documents/GitHub/23-design-patterns-app/src/design_pattern_app" &amp;&amp; npx react-native run-android

Run instructions for Windows and macOS:
    • See https://aka.ms/ReactNative for the latest up-to-date instructions.

➜src git:(rn-app) ✗

</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/740516/202010/740516-20201029020750365-1819693064.png" alt="" loading="lazy"></p>
<h2 id="refs">refs</h2>
<p>https://github.com/xgqfrms/React-Native-Tutorials/issues/13#issuecomment-651851826</p>
<hr>
<div>

</div>
<hr>
<blockquote style="display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; border: none">
<h3><strong><span style="font-size: 16pt; color: rgba(0, 255, 0, 1)">©xgqfrms 2012-<span data-uid="copyright-aside">2020</span></span></strong>
<p><span style="font-size: 18pt; color: rgba(0, 255, 0, 1)"><strong>www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!</strong></span></p>
</h3></blockquote>
<hr>


</div>
<div id="MySignature" role="contentinfo">
    <div style="display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;">
<p>本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/13681265.html</p>
<p style="color: red; font-size: 23px; margin-top: 5px; margin-botom: 5px;">未经授权禁止转载,违者必究!</P>
</div>
<hr/><br><br>
来源:https://www.cnblogs.com/xgqfrms/p/13681265.html
頁: [1]
查看完整版本: Flipper & React Native