自学React-Native(二)之新建项目、运行packager、把程序跑起来

最新推荐文章于 2022-02-07 11:23:24 发布
最新推荐文章于 2022-02-07 11:23:24 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Boom_Jia/article/details/52966461
版权

1.新建项目

对应的代码命令   react-native init ProjectName



2.运行packsger

对应的代码命令   react-native  start  (当然是切换到当前项目的根目录)



3.由于本人是做Android开发，要避免Android要找到sdk的位置 就把之前的Android项目中的 local.properties 文件拷入Android目录下



4.把程序跑起来

对应的代码命令   react-native  run-android    (在这之前我们要连接个设备，确保packager状态是一直运行中)








心宽何处不桃源
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-packager-docker:用于React Native打包程序的Docker容器
05-02
在Docker中运行React Native打包器。 目前使用iojs在Debian下运行。 用法 建造： % sudo ./build -v 0.8.0-rc.2 在您的应用JavaScript所在的Docker卷上运行： % sudo docker run -p 8081:8081 -v /path/to/js:/app/js packager:0.8.0-rc.2 打包程序现在正在侦听端口8081。 要访问您的应用程序包： 在OS X的开发中使用 要对Mac文件系统上的文件进行更改，您需要一种将文件放入Docker容器的方法。 共享文件夹很慢，不会触发监视者。 是一种使用rsync来安装卷的解决方案。
关于React Native 启动packager, 停留在Loading dependency graph, done.的问题
热门推荐
houtrry的专栏
03-18 1万+
一. 查看端口占用(win7) ① 启动cmd ② 在CMD窗口中输入netstat -ano|findstr 80，80表示要查看的端口号。 ③ 在CMD中继续输入以下命令：tasklist|findstr "892"，892就是之前的进程ID 二. 切换react-native端口 ①application或者...
ReactNative开发问题汇总
六道对穿肠的学习之旅
06-01 4149
webstorm配置 http://blog.csdn.net/xiangzhihong8/article/details/52293896webstorm插件 安装 react templatesreact native 问题以及技巧0, 启动服务后 使用 localhost:8081 看看是否正常启动 React Native packager is running. 显示 解决: 发布
React Native 教程——集成到现有原生应用
csdn_aiyang的博客
10-18 3502
开发环境准备 首先按照开发环境搭建教程来安装React Native在安卓平台上所需的一切依赖软件（比如npm）。！！！ 1. 设置项目目录结构 首先创建一个空文件夹（名字英语就行），然后把自己的原有项目放进来就行。！！！ 2. 安装JavaScript依赖包 在项目根目录（就是在刚创建的空文件夹下、和Android项目同一级别）下创建一个名为pa
ReactNative学习之旅（1）—跑起来第一个ReactNative项目
点滴积累
07-09 485
转载请注明出处： http://blog.csdn.net/user11223344abc?viewmode=contents 出自【蛟-blog】 1.前言决定用博客记录下来学习RN的点点滴滴。 如有错误还望指正，欢迎交流一起学习。2.Android基本环境：jdk，sdk，AndroidStudio，Git这些需要安装，这里牵涉的都是Android相关环境，IOS的同学应该会有一套
react-native 下载的项目怎么run起来
u011194397的专栏
06-02 4558
1.第一步 (如果出错权限问题，sudo + npm（下面命令行）) npm install -g React-native-cli (安装全局的好了之后react-native upgrade这个命令可以运行) 命令行工具  2.安装  npm install  建议：慢的时候用下面的 npm install -g --registry=https://registry.npm
React Native Package Manager包管理器介绍
西涛offbye-移动全栈技术博客
06-04 3556
React Native Package Manager是为了简化React Native开发而生的包管理器。这个项目的想法来自CocoaPods, fastlane和react-native link。它的目标是让几乎全部可用的模块不需要额外配置就可以使用。 RNPM需要一直在版本控制系统的管理下使用，以便保证一切可以回退。
react-native run-ios启动报错 No bundle URL present Make sure you're running a packager server...解决办法
baijianwei0408的博客
05-25 992
项目在android环境中运行起来没问题，但是在ios中报错，然后这里找到两种解决办法 方法一： 项目中打开一个终端，运行react-native start启动服务器 再次打开一个终端，运行react-native run-ios 方法二： 删除ios文件夹下面的main.jsbundle文件中的内容 运行react-native bundle --entry-file index.js --...
如何运行react创项目
datouniao1的博客
06-10 2006
最近在看一个项目，前端是react写的代码，平时作为后端的我，以为写点html代码就是前端的了 但是我们知道最近比较火的是react为了跟上时代的步伐，我也想去布置一个react项目 其实也不难： 这个是安装网上的步骤，自己一点一点的搭建起来的 还有： 这两个是一样的效果但是也是有区别的 我们看到的是端口不同 但是启动的逻辑是不同的： 这个是我搭建的目录结构 public 和build是完全一样的内容 我们用npm start 启动时public 也可以启动静态的服务 ..
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新...
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...
react-native-qrcode-svg：基于react-native-svg和node-qrcode的React Native QR码生成器
02-05
讨论： ： 产品特点轻松渲染QR码图像（可选）嵌入徽标安卓的iOS安装安装依赖包yarn add react-native-svg react-native-qrcode-svg 要么npm i -S react-native-svg react-native-qrcode-svg 如果您使用的是React ...
react-native-web-linear-gradient:用于Web实现React-native-linear-gradient的React Native
05-17
react-native-web-linear-gradient 用于Web实现React-native-linear-gradient的React Native 入门 $ npm install react-native-web-linear-gradient --save 别名打包您的webpack配置中： resolve: { alias: { ...
react-native-dom:如何使用react-native-dom在Web浏览器中运行React Native应用程序
05-09
React本国 一个实验性的，全面的React Native到Web的端口。 默认情况下为多线程：遵循与移动版React Native完全相同的架构，您所有的react...要获得React-native入门方面的帮助，请查看在线。 1. 2.克隆存储库 $ http
解决ReactNative老项目跑不起来的问题
weixin_41043580的博客
02-07 3051
react-native RN
React Native移动端开发杂记
Cui_Hongwei的博客
01-25 2060
no packager (error code 101) 比较完整的报错信息如下：run-android --no-packager 时出错 (error code 101) 如果应用代码本身没有严重的问题，VSCode调试时出现这种无厘头的报错可以在Node命令行窗口中通过下面的命令来解决： // 已经定位到工程目录下 cd android gradlew clean 第二行命令将用于清除a...
教你轻松修改React Native端口(如何同时运行多个React Native、8081端口占用问题)
fengyuzhengfan的专栏
08-19 1万+
当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了：
ReactNative开发之我遇到的那些坑（持续更新）
fly_yuge的博客
12-20 5190
上篇文章里介绍了ReactNative环境的搭建，然后你以为就可以开开心心的进行开发了？too young！ 最让人抓狂的部分才刚刚到来。。Q1、在启动js server的时候 react-native start ，老是报错 “operation not permitted， 1stat ‘’ 老实说，这个问题一直没有找到很好的解决办法，因为每次提示的文件都不是同一个。目前我采取的就
react-native link react-native-pdf zsh: command not found: react-native
最新发布
12-29
要解决"zsh: command not found: react-native"的问题，你需要确保已经正确安装了react-native-cli并且已经将其添加到了系统的环境变量中。 以下是在Windows和Mac上安装和配置react-native-cli的步骤： Windows： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值