学习React中遇到的问题

react

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

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

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

情景：项目中先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，修改按需加载，然后报错

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