學習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 }
}