学习React中遇到的问题

1.执行eject后，再次启动项目报错

情景：使用create-react-app搭建了项目，启动没有问题，然后执行 $ yarn eject 暴露出webpack配置文件等，再次 $ yarn start 启动报错

提示：Cannot find module 'babel-loader'。

解决办法：执行 $ yarn install 重新安装一遍依赖即可解决。

2.配置less和引入antd后报错

情景：项目中先eject暴露出了配置，然后修改webpack.config.dev.js配置支持less，修改方法参考的网上：

1.安装less和less-loader

执行 $ yarn add less less-loader

版本号为：

"less": "^3.8.1",
"less-loader": "^4.1.0",

2.test: /\.css$/    改为      test: /\.(css|less)$/

3.use数组末尾中加入

{
    loader: require.resolve('less-loader'), // compiles Less to CSS
}

4.exclude修改

exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.(css|less)$/],

然后进行测试，修改App.css为App.less，运行成功。

紧接着引入antd，修改按需加载，然后报错

解决办法：less3.X以后的版本需要增加  javascriptEnabled: true 即：

{
  loader: require.resolve('less-loader'), // compiles Less to CSS
  options: { javascriptEnabled: true }
}