react搭建项目遇到的问题

一、安装依赖

1.Error: Cannot find module 'react-dev-utils/chalk'

删除当前node_modules，重新安装

2.快速删除node_modules

避免了删除速度慢、没有管理员权限的问题

cnpm install rimraf rimraf node_modules

3.Remove untracked files, stash or commit any changes, and try again.

react项目运行npm run eject命令报错。

因为对原有文件进行了修改。 而项目一创建就自动建仓了。

因此需要真的在git或gitee上建个仓，然后把你的修改进行提交，再运行npm run eject就不会报错了。

4.安装eslintError: This is the wrong package! Please install eslint-plugin-jsx-a11y

因为这里包名字写错了，eslint-plugin-jsx-a11y这里的a11y是数字1，不是英文字母l（大写是L）。

二、样式问题

1.antd按需引入，样式无效

该问题没解决，最后还是在文件中引入了antd/dist/antd.css

2.less文件引入无效

npm run eject 释放配置文件 npm install less less-loader --save 安装less 修改config/webpack.config.js文件中 大约41行的位置（不同版本配置可能有差别，但位置就在附近），修改：

//改之前 const cssRegex = /\.css$/; //改之后 const cssRegex = /\.(css|less)$/;

大约107行的位置，添加：

//像上方其他对象元素一样添加一项less的 //其他举例： { loader: require.resolve('css-loader'), options: cssOptions, } //我们这里需要添加一条less的，代码如下： { loader: require.resolve('less-loader') }

最后重启项目即可。