1. 程式人生 > >react-native 下載的專案怎麼run起來

react-native 下載的專案怎麼run起來

1.第一步 (如果出錯許可權問題,sudo + npm(下面命令列))
npm install -g React-native-cli (安裝全域性的好了之後react-native upgrade這個命令可以執行) 命令列工具
 2.安裝 

npm install 

建議:慢的時候用下面的

npm install -g --registry=https://registry.npm.taobao.org

3.更新

react-native upgrade (然後要替換的時候輸入y,不需要替換的則輸入n)

4.啟動 

React-native start 

5.執行(新開一個終端執行測試下) 

npm test 

如果安裝過程發現有不對勁的地方,建議步驟:

假如npm最高是5.0版本,react-native最高是0.44版本

1、npm -v和 react-native -v 檢視版本,如果不出現版本,就說明相應的npm和react-native沒有安裝好.

2、安裝比最高版本低一個大版本最好,因為最新的版本可能各種問題,react-native目前還沒有出大版本,所以不穩定因素太多,如下:

npm uninstall  [email protected]      npm uninstall [email protected] 解除安裝高版本

npm install [email protected]

      npm install --save [email protected] 安裝低一個大版本

如果react-native upgrade不能跑起來,就使用npm install -g react-native-cli

出現的問題:

npm uninstall --save node-uuid
npm install --save uuid

2、[email protected] requires a peer of [email protected]~15.3.1 but none was installed.

npm install --save 
[email protected]
~15.3.1

3、npmWARNdeprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm install --save minimatch@3.0.2

4、Undefined symbols for architecture x86_64:

  "std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> >::__init(char const*, unsigned long)", referenced from:

      _main in main.o

  "std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> >::~basic_string()", referenced from:

      _main in main.o

  "std::terminate()", referenced from:

      ___clang_call_terminate in main.o

  "___cxa_begin_catch", referenced from:

      ___clang_call_terminate in main.o

  "___gxx_personality_v0", referenced from:

      _main in main.o

      Dwarf Exception Unwind Info (__eh_frame) in main.o

ld: symbol(s) not found for architecture x86_64

clang: error: linker command failed with exit code 1 (use -v to see invocation)

make: *** [main] Error 1

想了很多辦法,終於看到有人提示:編譯選項新增-lstdc++,即使用標準C++庫,問題解決!

5、

                     

 解決辦法:找到相應的App.js只能對外匯出一個元件,也就是App.js 中元件export了兩次 6、               問題原因:找不到元件 解決辦法:有yarn
watchman watch-del-all
rm -rf ./node_modules
npm cache clean
yarn cache clean
rm -rf $TMPDIR/react-*
yarn install
npm cache clean
yarn cache clean
yarn add uuid
沒有yarn:
watchman watch-del-all
rm -rf ./node_modules
npm cache clean
rm -rf $TMPDIR/react-*
npm install
npm cache clean
npm install uuid

相關推薦

react-native 下載專案怎麼run起來

1.第一步 (如果出錯許可權問題,sudo + npm(下面命令列))npm install -g React-native-cli (安裝全域性的好了之後react-native upgrade這個命令可以執行) 命令列工具 2.安裝 npm install  建議:慢

react-native 相對專案路徑匯入元件

在使用react-native的時候,經常要自定義很多元件,但是隻能使用../../../的方式,如果目錄多了一長串,書寫很煩,看著也不好看。 babel-plugin-module-resolver 是一個Babel模組解析外掛, 在.babelrc中可以配置模組的匯入搜尋路徑. 為模組新增一個新的解析器

記一次iOS自動化打包走過的坑-關於React Native-iOS專案

點選上方“iOS開發”,選擇“置頂公眾號” 關鍵時刻,第一時間送達! 引言 最近為公司前期做的一個專案做持續構建平臺打包遷移支援,由於之前未參與類似工作,且我也基本未參與這個專案開發工作,所以途中磕磕碰碰遇到了很多很多的問題,而且由於專案屬於React Native專案,而且程式碼版本較

react native新建專案執行在安卓裝置上

一、二、1、新建(不含android和ios包的)專案:在終端輸入 npm install -g create-react-native-app和create-react-native-app AwesomeProject即可新建一個名為AwesomeProject的專案。2

React-Native專案實戰(一)

前言 本文有配套視訊,可以酌情觀看。 文中內容因各人理解不同,可能會有所偏差,歡迎朋友們聯絡我。 文中所有內容僅供學習交流之用,不可用於商業用途,如因此引起的相關法律法規責任,與我無關。 如文中內容對您造成不便,煩請聯絡 [email prot

React Native 匯出專案全域性共用元件的模組

因為之前的一個地址挑選器被裡面有這樣的匯出方式被網友察覺,然後私信問了我,怎麼匯出這樣的模組 import { ReactNavComponent, Widget, Util } from 'rn

react-native專案結構分析

前言 庖丁為文惠君解牛,手之所觸,肩之所倚,足之所履,膝之所踦,砉然響然,奏刀騞然,莫不中音。合於桑林之舞,乃中經首之會。 熟悉專案的結構,是開發的基本也是技術提升的一個重要途徑,現總結下自己對react-native專案結構的分析與理解。 正

React Native實戰專案

RNMeituan RNMeituan 基於React Native 0.44.2版。 仿美團客戶端,目前只實現了一級頁面。導航元件使用的是官方推薦的react-navigation,另外在更多模組中實現了一個二級頁面【Realm資料庫Demo】,後續考慮實

React Native開源專案-嘎嘎商城客戶端(持續更新中)

歡迎大家star,fork.... 專案介紹基於React Native 實現的嘎嘎商城客戶端,暫時只是適配Android版本,暫時大部分佈局頁面正在開發中,業務邏輯功能以及iOS版本適配會後面進行。當前的商城客戶端後期會繼續開發商品點單,訂單,購物車,支付,商品列表以及詳情

解決react-native init專案遇到import type {CommandT} from './commands';的問題

最近在使用react-native init專案的時候,使用如下命令 react-native init MyProject 遇到以下問題 建立專案的時候會出現以上問題,經過群友的提示,這

React Native下載開啟pdf檔案

使用到的元件 react-native-fs 檔案下載元件 GitHub - johanneslumpe/react-native-fs: Native filesystem access for react-native react-native-pdf-vie

React-Native專案實戰(三)

({rowHasChanged:(r1, r2) => r1 !== r2}), loaded:false, isModal:false }; this.data = [];

React Native拷貝專案專案改名)

1、拷貝專案,重新命名為【MyPro】2、執行react-native run-android報錯,如下:刪除目錄【E:\CordovaWorkspace\MyPro\android\app\build】下的所有檔案3、修改專案名1)、修改app.json。name改為【My

關於react-native run-ios 高版本執行不起來(rn新手)

react-native run-ios 高版本執行不起來 react-native run-ios執行完不能直接執行模擬器,可能需要使用xcode將原生專案開啟,使用xcode進行一次一編譯,然後將報紅改掉,在xcode裡能執行起來 就可以在命令列裡使用ru

React-Native 學習之--問題處理 一. github上下載專案不能執行?

在github上下載的專案不能執行? 出現”RCTRootView.h” file not found 紅色提示 如圖. 這是依賴庫沒有下載, 可以在專案的根目錄下 輸入 npm install , 或者 直接拷一份node_modules到跟目錄下就可

create-react-app原始碼解析(一),npm run start如何讓專案起來

    小編花了點時間,大致弄懂npm run start如何執行專案的原理了,現在給大家分享下心得!npm run start是通過node跑js檔案,從而專案得以執行,小編通過npm run eject拿到了所有配置,然後通過解析原始碼,明白瞭如果通過webpack等讓專

React-Native在gitHub下載的Demo不能運行問題!!!

2.4 ida 項目路徑 正常 use native clas log 設置 1、目前找到的最可行的運行React-Native Demo的解決方案 請參考:http://blog.csdn.net/shubinniu/article/details/52873250

react-native run-android Starting: Intent Error type 3 Error: Activity class does not exist

gradle 問題 exist native pack details .net 容易 安卓 使用”react-native run-android”命令運行android應用時,如果常常出現如下錯誤: Starting the app (/home/xxx/soft/

react-native run-android時 SDK location not found.報錯

not 自動創建 per 解決 not found -a 原因 and 報錯 報錯 原因 缺少local.properties文件(SDK location) 解決 方法一:在android Studio中打開項目android目錄,會自動創建local.properti

windows上react-native run-android時Exception in thread "main" java.lang.IllegalArgumentException: MALFORMED報錯

andro 重新 ive div alt 刪除 ima 用戶 文件夾 報錯如圖 解決 在C:\Users\{用戶名}\.gradle\wrapper\dists路徑下,刪除所有文件夾,重新run-android ps:網上搜了說是說是java解壓縮編碼格式問題什麽的,感覺