react引入antd報錯怎么辦

(資料圖片僅供參考)

本教程操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

react引入antd報錯怎么辦？React使用antd按需引入報錯

引言

按照antd官網配置按需引入，還是出現一系列的報錯：

原因

使用 babel-plugin-import

npm install babel-plugin-import --save-dev 或yarn add babel-plugin-import

配置package.json文件

"babel": {  "presets": [    "react-app"  ],  + "plugins": [  +  [  +    "import",  +   {  +      "libraryName": "antd",  +      "style": true  +    }  + ]  +]}

antd定制主題

當把style設置為true之后，運行項目都會重新打包antd的less文件，加載最新的樣式文件。在webpack.config.js文件中找到getStyleLoaders()函數，加入以下代碼，在modifyVars中定制我們的主題。

推薦學習：《react視頻教程》

以上就是react引入antd報錯怎么辦的詳細內容，更多請關注php中文網其它相關文章！

關鍵詞： antd React