MacOS搭建ReactNative开发环境遇到的问题以及解决

最新推荐文章于 2024-04-28 16:53:50 发布
最新推荐文章于 2024-04-28 16:53:50 发布
阅读量5k 收藏 1
点赞数
分类专栏： React Native一步一步 文章标签： iOS Mac OS ReactNative
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuping901022xp/article/details/50252771
版权
本文记录了在MacOS环境下搭建ReactNative开发环境的过程，包括ReactNative简介、参考资源、安装过程中的问题及解决办法。在安装react-native-cli时遇到权限错误，通过查看npm-debug.log文件发现问题并使用sudo成功解决。最后，成功创建并运行ReactNative项目。
摘要由CSDN通过智能技术生成

一、ReactNative简介http://

React Native是FaceBook开源的移动端编程语言，宗旨是“learn once,write anywhere”,用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。


二、参考的博文

官方文档

React Native实战（一）

最低0.47元/天 解锁文章
大山里的姑娘
关注
专栏目录
react-native Mac环境下找不到
hahahhahahahha123456的博客
09-10 782
Mac中找不到.bash_profile则自己创建.bash_profile文件 1.启动Terminal终端工具 2.输入cd ~/ 进入当前用户的home目录 或cd /Users/YourUserName 3. 创建： touch .bash_profile 4.打开并编辑： open －e .bash_profile 5.保存关闭,其实创建了一个空文件 6.更新： so...
React-Native创建项目失败
weixin_48309048的博客
07-21 439
React-Native创建项目失败
react-native: command not found
Yyongchao的博客
12-23 3624
每次安装react-native都是出现不一样的问题，此次安装出现了如题，所言的问题：react-native: command not found解决办法，在~/.bashrc中设置npm的环境变量步骤一、查看npm安转路径：npm list -g | head -n 1二、在.bashrc文件中添加：export PATH=/opt/node/node-v8.9.3-linux-x64/lib/
-bash:react-native command not found的解决方案
F_G_Victory的博客
06-26 7766
今天要运行react-native link 命令的时候，突然提示 -bash:react-native command not found 然后赶紧上网一顿搜，才明白是因为我前段时间把对node的管理换成nvm来做了，发现这个nvm 确实比homebrew要好管理多，不但体积小，而且便于切换不同版本的node,非常好用，至于如何安装，使用，请自行google. 解决问题： 配置react-na...
bash: react-native: command not found
huch的博客
09-07 4546
RN搭建开发环境 Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。 出现bash: react-native: command not found问题，执行下面的命令就OK了 npm install -g yarn react-native-...
React Native开发环境搭建，VS Code运行项目步骤详解
Zh.快乐的程序猿的博客
03-23 2076
React Native开发环境搭建，VS Code运行项目步骤详解
Mac M1 搭建 React Native 环境
时光海的博客
03-12 3574
Mac M1 搭建 React Native 环境 环境安装 可以参考对照官方文档，本文针对M1芯片目前未完全适配情况下的方案，算是临时解决方案，不具有时效性。 你需要自行准备的依赖：Xcode >10、Node >v12、Npm、Yarn、ruby、git 更改编译环境 首先要做的是进入 访达>应用程序>实用工具>右键 终端.app 显示简介>使用Rosetta打开勾选 这一点极其重要，如果你使用的为其他终端工具，请勾选此选项，有关ffi的兼容问题，这只是临时解决方案
react-native macOs 自己搭建开发环境纪实 Android 环境
okok12的专栏
08-19 310
react-native好用，环境难搭，最近几天被搭建环境的事情搞的焦头烂额，还好最后也是搭建完成了。期间遇到了各种坑，虽然最后都趟过去了，可是能记住的很少。现在捡着能记住的写个攻略，希望能帮助到需要搭建这个环境的小伙伴，同时自己下次再搭的时候就不用再去翻资料了。 先说一下我的系统是mac os 10.14.5 ，我目标是编写android系统的apk，开发android所需的环境是比较复杂的，...
（小白入门）Windows环境下搭建React Native Android开发环境
qq_35969549的博客
07-24 528
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和Android两大平台。 RN的环境搭建在RN的中文社区有所介绍，但是对于小白来说还是有些太过简略了。RN中文社区详见参考，本文不涉及的问题也许在其中能够有所解答。 React Native思想 ...
react-native:command not found 命令无效
热门推荐
其实_挺好
02-26 1万+
原因：没有配置环境变量 要是知道ReactNative的目录，请自行知道到路径，不知道请看下面： Windows：npm install -g react-native-cli 这个命令会出现一个目录 找到这个目录 复制此路径到配置环境变量即可 Mac：sudo npm install -g react-native-cli 出现的一个类似：/usr/......的路径记录下...
React-Native在Mac系统终端命令出现adb:command not found解决方法
橙如说的博客
09-25 6753
第一种：你的终端输入命令错了。 第二种：没有配置环境 在～/user目录下 1、创建.bash_profile文件 输入命令行touch .bash_profile 2、打开.bash_profile文件 输入命令行open -e .bash_profile 或者open .bash_profile
-bash: react-native: command not found
zhaoweizheng66的专栏
10-07 6641
加上sudo再执行 sudo npm install -g react-native-cli 就没事了。
native react 常用指令_react-native：找不到命令
weixin_39609407的博客
12-19 620
I am getting -bash: react-native: command not found error while creating react-native project.Below are the additional info1. brew --versionhomebrew 0.9.92 brew info watchmanwatchman `enter code here...
配置reactNative（RN）过程中 出现react-native：command not found 和 zsh: command not found: react-native
wang371372的专栏
05-09 1908
问题链接https://www.jianshu.com/p/2940f98e142a
react-native6.0以上版本从gitlab上拉项目运行不起来
The_Small_White的博客
11-18 307
有图有真相 解决办法 cd 到当前项目的ios文件夹下边,然后运行 pod install 即可 原因：6.0版本以上的react-native都是安装完包 需要link的包
macOS搭建ReactNative环境
最新发布
左丘梦凡的博客
04-28 629
要在android studio中运行rn项目中android目录的android原生项目，需要先将这个rn项目编译一次，在android studio才能跑起来。这个可以在终端的安装信息中看到，然后在终端中输入node -v命令，终端中会打印出版本号就成功了。先卸载掉再安装新的版本，防止出现冲突，如果安装过程中，终端有出现下图红色方框中的error信息。由于我是在网上拉了个rn的项目想运行起来，此时可以在终端中cd到项目目录下，在输入。如果会弹出下面图片中的终端，在新弹出的终端中输入a等待编译。
推荐开源项目：React Native for macOS
gitblog_00083的博客
03-22 1046
推荐开源项目：React Native for macOS 项目地址:https://gitcode.com/microsoft/react-native-macos 项目简介 React Native for macOS 是微软开发的一个项目，它是 React Native 生态系统的扩展，允许开发者使用相同的 JavaScript 和 React 代码库来构建原生的 macOS 应用程序。该项...
创建ReactNative的iOS项目
diankuini1374的博客
12-21 195
http://reactnative.cn/docs/integration-with-existing-apps/ 1.安装好ReactNative开发环境 2.安装好CocoaPods 3.创建项目根文件夹：A 4.创建文件夹A/ios 5.创建新项目到A/ios目录下（最上层目录移除，否则下面的路径需要修改，例如原来为ProjectDir/ProjectDir，但是根目录...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值