乐趣区

react-redux-antd项目搭建(1)

因为是想搭建一个后台系统,所以组件直接定了 antd,脚手架以 create-react-app 为基准,加上 redux 和 sass(因为我一直用的 less, 这次换个口味), 搭建一个简单的项目。
安装依赖
首先安装 create-react-app
npm i create-react-app
给项目起个名字
create-react-app my_react_cli(项目名)
啪嗒回车,开始安装项目,此过程会持续几分钟,可以去干点别的~ 安装完成后,就是下图的样子了
图片描述
运行一下看看,有没有问题
npm start
图片描述
There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

“babel-loader”: “8.0.4”

Don’t try to install it manually: your package manager does it automatically.
However, a different version of babel-loader was detected higher up in the tree:

C:\Users\liu\node_modules\babel-loader (version: 7.1.5)
因为文主之前搭建别的项目时安装了 babel-loader,导致的版本不对,那就卸掉 babel-loader,按照所需的 8.0.4 版本安装一下卸载 babel-loader
npm uninstall babel-loader
然后安装正确的版本
npm i babel-loader@8.0.4
可能会出现再次报错的情况,可以删掉在你的项目文件夹里面的 node_modules 重新安装继续安装各种依赖这里我暂时装了 antd@3.12.1 和 react-redux@6.0.0 运行一下看看图片描述

接下里就要开始封装公共方法
休息一下 有空再写

退出移动版