配置reactNative(RN)过程中 出现react-native:command not found 和 zsh: command not found: react-native

Posted sundaysme

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了配置reactNative(RN)过程中 出现react-native:command not found 和 zsh: command not found: react-native相关的知识,希望对你有一定的参考价值。

https://www.jianshu.com/p/b6e2ecdaf28b

可能最近要重新开始学习RN了,搭建环境的时候遇到老问题,记得自己以前写过一篇文章.果然解决了,不过当时不懂markdown,布局排版惨不忍睹.重新改一下吧.也希望这次可以真正得学以致用~

解决问题:

1.配置reactNative(RN)过程中 出现react-native:command not found.

找到reactNative安装的路径

sudo npm install -g react-native-cli
 
技术图片
Paste_Image.png

如上图 路径为(当然你的肯定和我的不一样的)

/Users/cxy/.npm-global/bin

到此时你只能在当前路径下面初始化一个项目
但是我们的需求绝不止于此
我们需要在任何路径下都随时初始化一个项目
那么go on

**记住上面的路径 **

接下来配置linuxPath(当你运行一个命令,会在这些path里搜索,发现就执行)
**第一步 ** 打开path的路径
执行命令:

vim ~/.bash_profile  

![F851A86A-62E3-424F-899A-855DC39EF921.png](//upload-images.jianshu.io/upload_images/1547393-6d3b22354fd440ec.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

打开后输入被圈住的两行, 也就是rn的路径 ,此处修改为上面让你保存的rn的路径)

export RN=/Users/cxy/.npm-global/bin
export PATH=$RN:$PATH

然后保存退出(ESC -> wq)

**第二步 ** 通过source语句 使其生效
执行命令:

source ~/.bash_profile

**第三步 ** 查看一下是否成功
执行命令:

 echo $PATH

如果显示出了刚刚放进去的路径 就是成功了 现在可以去初始化一个项目了
执行命令:

react-native init firstProject

看到下图 大功告成

 
技术图片
yeah!!

如果关闭终端后重启后不再有问题,那么就安心去学习吧~ 如果你发现还有问题,那么接着往下看看 ~ ~

2. zsh: command not found: react-native
满怀欣喜的第二天来上班继续学习RN 却遇到了这个奇怪的问题 ~
一番google后终于解决 下面说一下问题原因和解决方案
原因  
终端用的是iTerm2,安装了 zsh 和 oh-my-zsh,所以打开命令行的时候不在执行~/.bash_profile
解决方案
那么修改 zsh 的配置文件,每次都执行~/.bash_profile
步骤
1.进入zsh配置文件

 vim ~/.zshrc                   

2.在末尾添加

source ~/.bash_profile

3.保存退出
4.配置生效

source ~/.zshrc  

这样关闭终端后重新开启也能正常使用了!!

开始享受RN探索之旅吧!!!



作者:曹九朵_
链接:https://www.jianshu.com/p/b6e2ecdaf28b
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

以上是关于配置reactNative(RN)过程中 出现react-native:command not found 和 zsh: command not found: react-native的主要内容,如果未能解决你的问题,请参考以下文章

TypeScript 和 React Native:RN 样式的类型定义是不是错误?

React Native技术剖析

使用 RN 和 expo 更改 android 上的导航栏?

ReactNative环境搭建扩展篇——安装后报错解决方案

Android项目接入React Native方案

Android项目接入React Native方案