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