ReactNative 创建项目

最新推荐文章于 2025-05-15 10:04:48 发布
原创 最新推荐文章于 2025-05-15 10:04:48 发布 · 243 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍使用ReactNative创建项目的正确方法，避免初始化失败的问题。建议使用特定版本如0.44.0进行项目创建，而非最新版本。文章还提供了创建项目后的运行指令。

ReactNative 创建项目:

react-native init ProjectName

初始化失败：只创建了package-lock.json  yarn-error.log两个文件

后经百度：

不要直接使用 react-native init ProjectName 创建项目,
后面加个 --version 0.45.0 之前的版本就好了,
比如:
react-native init ProjectName --version 0.44.0

具体原因不详

参考地址：

https://bbs.reactnative.cn/topic/4007/创建rn项目run-ios后报错了-可能是版本依赖的问题-但就是不知道在怎么解决/3

建好项目后

react-native run-android

 

react-native start 起react的服务

 

一口小茶
关注
新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？
**My Coding Family**
12-04 1172
首先，检查和调整 CocoaPods 镜像源，尤其是国内开发者需要使用更稳定的代理源。手动安装 CocoaPods 依赖并确保文件被创建。如果这些步骤无效，检查 Ruby 环境是否正常，尝试更新或重新安装 CocoaPods。通过这些步骤，你应该能够解决 React Native 项目在创建时遇到的 CocoaPods 安装问题，并确保你能够正常启动项目。希望如上措施及解决方案能够帮到有需要的你。
创建版本0.71.19的ReactNative工程
weixin_39237314的博客
08-02 299
生成二维码 react-native-svg react-native-qrcode-svg。二维码扫码react-native-camera。
使用ReactNative及其动画创建加载组件的简单项目
08-10
使用React Native及其动画创建加载组件的简单项目
React Native：构建跨平台移动应用
m0_71963731的博客
04-12 447
react native
RN 开发环境搭建（Windows For Android）
monkeyfly学前端
08-01 2598
RN 开发环境搭建教程（Windows For Android）
react-native 创建新的项目
唤起鱼的记忆
11-30 6087
react-native 创建新的项目 一、安装node 1、首先进入node官网，查看下载你所需要对应安装的node版本 node中文网下载链接：node中文网链接 2、打开开始菜单，输入cmd，打开cmd (windows系统直接用win+r快捷键可以快速打开cmd) node -v 查看node版本号，可以知道是否安装node成功 npm -v 查看npm版本号，可以知道安装的npm版本 如下图所示： 二、创建react-native项目 1、react-native init 项目名称（
ReactNative创建项目
SkySmile1992的博客
01-23 349
使用 React Native 命令行工具来创建一个名为"MyApp"的新项目： react-native init MyApp 提示：你可以使用–version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。 ...
简单到爆，一文读懂React Native 环境搭建与项目创建
最新发布
老猿阿浪的博客
05-15 1140
简单到爆，一文搞懂React Native 环境搭建与项目创建
精选资源
Ignite:无限红的尖端React Native项目样板-开源
05-13
使用Ignite的开发人员报告说，与React Native项目的开始相比，它平均可以节省两到四个星期的时间！ Ignite应用程序包括开箱即用的坚决技术决策，例如React Native，React Navigation 5，MobX-State-Tree（为什么不...
React Native 创建新项目详细教程
afufufufu的博客
08-16 3812
React Native 创建新项目详细教程
如何新建一个React Native的项目
致未来的你。的博客
10-18 2675
如果你需要使用复杂的原生功能，或者希望完全掌控项目的原生部分，那么选择是最佳方案。如果你刚刚开始 React Native 开发，或者想快速搭建一个跨平台应用而不需要复杂的原生功能，那么使用Expo是非常方便的选择。
react native项目创建
keen_zuxwang的博客
05-08 1876
react native项目创建、运行、调试 1、项目命令行创建、运行 react-native init myrnprj1 // 创建工程 cd myrnprj1 react-native start // 开启packager服务--Running packager on port 8081. //浏览器地址栏输入：http://localhost:8081/
React Native 开发项目初体验
qq_42072014的博客
07-28 1494
通过本文的介绍，你已经完成了从创建 React Native 项目到实现基本功能的整个过程。React Native 为开发者提供了一种快速构建高质量原生应用的方式，无论你是新手还是经验丰富的开发者，React Native 都是一个值得探索的选择。
React-Native项目工程搭建
mapbar_front的博客
01-16 2252
任何一个项目的搭建，都是考验一个程序员的技术功底，而 React-Native 也不例外。同时，搭建一个 React-Native 的项目工程，其实要比普通的 Web 项目更难一些，因为 React-Native 是一个新的体系，基本它的底层机制和 H5 完全不同，无论是本地存储，还是运行环境，都需要我们熟悉它。
react-native 搭建环境及运行项目
m0_61672533的博客
03-11 2217
react-native 搭建环境及运行项目
React-Native 创建App项目
m0_63685436的博客
04-09 2012
react-native 的学习
React Native_手把手教你做项目(一.项目搭建)
十二指环的博客
07-02 5014
总体感觉RN更新速度很快，一些老的教程都不合适新的版本。初学乍道，确实感觉很坑。废话不多说，我们直接跨过山越过海，直接撸个综合项目，进行RN的学习。据说FaceBook最近要对RN有重大版本的更新，不知道会更改到什么地步，希望会在模拟器的调试上变得更加方便一些。RN总体感觉比微信小程序墨迹多了，(ಥ_ಥ) 项目预览 ReactNative版本 react-native-cli: 2...
reactnative创建项目
weixin_44114524的博客
03-09 407
reactnative创建项目的问题
react-native创建项目
y199710的博客
01-31 455
在需要创建项目的文件目录下打开终端。
react native 怎么创建项目
02-19
### 如何使用React Native创建新项目 对于初学者而言，创建一个新的React Native项目涉及几个重要的步骤。首先，确保安装了Node.js以及npm或yarn包管理工具。接着，可以利用`npx react-native init ProjectName`命令来初始化新的React Native应用[^1]。 #### 安装依赖环境 为了使开发顺利进行，开发者需要设置好本地的开发环境。这通常意味着要安装像Android Studio这样的IDE用于安卓设备模拟器的支持；而对于iOS，则需配置Xcode以便能够在苹果设备上运行应用程序。这些准备工作的具体细节取决于目标平台的不同而有所变化。 #### 初始化项目结构 通过执行上述提到的`npx react-native init`指令之后，会自动生成一套基础文件夹架构并下载必要的库文件到指定目录下。此时便拥有了一个最简单的可运行的应用程序框架，里面包含了启动画面、欢迎界面等基本组件。 #### 运行第一个App实例 一旦完成了项目的搭建工作，在终端输入相应命令即可让应用跑起来。针对不同操作系统有如下两种方式： - 对于Windows/Linux用户来说，可以通过 `npx react-native run-android` 来部署至已连接好的物理机或是虚拟仿真环境中； - Mac OS X 用户则能够借助 `npx react-native run-ios` 命令快速加载到iPhone/iPad Simulator里去测试效果。 ```bash # 创建名为MyAwesomeProject的新项目 npx react-native init MyAwesomeProject # 切换到该项目路径下 cd MyAwesomeProject # 启动Metro Bundler服务端口(一般自动完成) npx react-native start # 构建&安装APK/IPA包到真机/模拟器中 npx react-native run-android # Android 设备 npx react-native run-ios # iOS 设备 ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值