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