react

React 入坑第一弹

2019-03-08  本文已影响101人  grain先森

前言

一直念叨前端三大框架,React、Vue、Angular,可我实际中用的只有Vue,Angular在刚毕业那会儿用过点皮毛,基本上就是照葫芦画瓢,现在也忘得一干二净。React的大名早已久仰,也看过所谓的入门教程、快速上手教程,但是没有做过实际的项目,没有动手练习,都是白搭。今年,正好手上有个项目用的React全家桶,所以趁机重新学习一下React。接下来就是记录我学习React遇到的问题、踩过的坑。

1. 全局安装脚手架报错

报错提示:create-react-app: command not found不存在该命令。
解决方法1:
首先,查看用户环境变量(win10右键我的电脑 => 属性 => 高级系统设置 => 高级 => 环境变量 => 用户变量,其他系统自行百度哈)里的npm路径,例如:"C:/Users/xxx/AppData/Roaming/npm"。

用户环境变量
然后,npm config list查看prefix与上述路径是否一致 。
接着,如果不同 可以手动设置成一样的: npm config set prefix "C:\Users\xxx\AppData\Roaming\npm"
最后,完成之后再运行create-react-app就ok了。

解决方法2:
使用npm -v查看你的npm版本,
如果你的npm版本为5.2+(包含5.2)则可以直接运行下面命令

npx create-react-app my-app
cd my-app
npm start

如果npm版本小于5.2

npm install -g create-react-app
create-react-app my-app

如果出现create-react-app: command not found的情况,则按照 解决方法1 走。

2. 不要直接关闭git bash

不要直接关闭git bash,要用npm stop或ctrl+c退出,否则会提示3000端口被占用,更换其他端口。
如果不小心关了也有解决办法。
可以打开任务管理器找到git bash和node进程(往往只有node进程),结束即可。

看完文章还有福利拿,往下看👇👇👇
小伙伴可以在公号【grain先森】后台回复【190301】获取130套简历模板。后期小编会建微信群和大家交流分享,期待你们哦!

上一篇下一篇

猜你喜欢

热点阅读