我如何使用npx创建新的React Native App?

时间:2019-12-12 17:54:54

标签: android ios iphone react-native mobile

我几个月没有使用本机了。同时,似乎有些变化。他们在官方文档中建议卸载react-native-cli并改用npx react-native init。我这样做了,但由于没有在全球范围内安装该程序包而导致错误。但是,如果我全局安装react-native,则在运行项目时会导致错误,提示我应该删除全局软件包。

如今创建反应应用的正确方法是什么?

5 个答案:

答案 0 :(得分:2)

您需要做的第一件事是删除 react-native-cli:

npm uninstall react-native-clinpm uninstall --global react-native-cli

然后,如果您安装了NodeJS 10 LTS或更高版本,请安装Expo CLI: npm install -g expo-cli

您现在应该可以使用expo-cli创建新的react native应用程序: expo init ProjectName

Expo是一个工具,可让您在手机上设置开发环境。有关更多信息,请参见此处的文档:https://expo.io/

这是开发,测试和部署应用程序的最有效,最快的方式

答案 1 :(得分:1)

  1. npm卸载--global react-native-cli
  2. 安装节点js(我使用节点js版本12.10.0 here ),我不使用最新版本,因为存在一个错误,我无法运行我的本机应用程序
  3. 安装 python2 jdk8 纱线
  4. 安装android studio和sdk并将ANDROID_HOME添加到环境变量中
  5. 使用 npx反应本机初始化ProjectName 创建新项目
  6. 使用 yarn react-react本地运行android或yarn react-native运行ios 来运行项目

@Raeygzz 如果要使用react-native相关命令,请在命令开头添加yarn / npx

yarn react-native run-android
yarn react-native run-ios

npx react-native run-android
npx react-native run-ios
  1. 如果要创建apk调试使用 在您的根项目中

    cd android && gradlew assembleDebug

  2. apk发布 在您的根项目中

    cd android && gradlew assembleRelease

  3. 使用包调试 在您的根项目中

    yarn反应本地运行的Android

并在

中获取apk文件
android\app\build\outputs\apk\debug

如果正在使用的设备没有USB电缆,我通常会执行此操作,因此我将文件复制到那里,然后将其发送到云中,将其下载到设备上并安装,然后我就摇了手机并转到设置和设置调试服务器 例如:10.xxx.xxx:8081 然后在cmd中运行纱线开始 摇动设备并选择刷新

react-native run-android和gradlew assembleDebug之间的区别在这里 react-native run-android Vs ./gradlew assembleDebug

答案 2 :(得分:1)

检查其正式文件npx

答案 3 :(得分:1)

感谢@Gus Nando的详细信息...如果我想使用npx为android构建调试版本,那我应该遵循什么。以及是否有任何更改或更改的方式来为Android和ios平台创建调试以及生产版本。

与npx相关的任何信息都会有很大帮助。预先感谢

答案 4 :(得分:0)

尝试使用library(tidyverse) #desired data frame: a <- c(NA, 'phak', NA, 'pseudo', NA) b <- c(NA, 'pseudo', NA, NA, NA) c <- c('phak', 'phak', NA, NA, NA) dfoo <- data.frame(a,b,c, stringsAsFactors = FALSE) %>% gather(eye, status) bind_rows( lapply(split(dfoo, dfoo$eye), function(x) { # first conditionally replace leading NAs if(x[['status']][min(which(!is.na(x[['status']])))] == 'phak') {x[['status']][1 : min(which(!is.na(x[['status']])))] <- 'phak'} # next conditionally replace last NAs if(x[['status']][max(which(!is.na(x[['status']])))] == 'pseudo') {x[['status']][max(which(!is.na(x[['status']]))): length(x[['status']])] <- 'pseudo'} x$status <- x[['status']] x } ) ) #> eye status #> 1 a phak #> 2 a phak #> 3 a <NA> #> 4 a pseudo #> 5 a pseudo #> 6 b <NA> #> 7 b pseudo #> 8 b pseudo #> 9 b pseudo #> 10 b pseudo #> 11 c phak #> 12 c phak #> 13 c <NA> #> 14 c <NA> #> 15 c <NA> 然后将目录更改为使用npx react-native init projectName进行项目 并使用cd projectName

运行项目