码迷,mamicode.com
首页 > 其他好文 > 详细

从头搭建一个React应用

时间:2019-03-19 01:24:43      阅读:429      评论:0      收藏:0      [点我收藏+]

标签:如何   应用   self   module   脚手架   ide   react   问题   image   

 

node,webpack这些就不一一介绍怎么安装了,默认大家都知道。

一、npm install -g create-react-app

首先全局安装react的脚手架工具 create-react-app

技术图片

上面提示,npm有新版本了,哎,先不管。

二、新建一个react项目

技术图片

哦吼,华丽地报错了,先不要慌,我们看到报错信息是 cb() never called!  This is an error with npm itself.

好吧,大概知道了是npm的问题,应该是版本问题?那么,来更新一下咯:

技术图片

嗯哼,还是报错?那就百度一下吧。百度的结果是:

①npm cache clean -f (清除npm缓存)

npm install -g n (安装最新版node helper)

技术图片

WTF?

③npm install -g n --force(安装最新版node:stable)

技术图片

④npm install

重新安装npm好了之后,继续重新新建react项目

技术图片

看来包还挺多的。

三、npm start

技术图片

露,总是曲折的,这里又报错了,是webpack版本的问题,话说我已经大半年没更新电脑上的node、webpack、npm的版本了,正好趁这个机会,全部更新一次。

其实报错信息下面,还提出了解决方案(7 steps):

技术图片

说了那么多,就是要你重新装依赖。

其后,我装了yarn、并且npm run eject(参考博客:https://blog.csdn.net/nideshijian/article/details/87279597

之后,删除了项目下的,node_modules,再次npm install   ------>  npm start;

技术图片

四、目录结构

技术图片

至于如何开发,目前看上去,和vue的结构还是有一些区别的,所以,有待后期继续学习。

 

从头搭建一个React应用

标签:如何   应用   self   module   脚手架   ide   react   问题   image   

原文地址:https://www.cnblogs.com/eco-just/p/10556199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!