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套简历模板。后期小编会建微信群和大家交流分享,期待你们哦!