umi 解决找不到antd组件库中组件的路径问题 filePath not found of antd/es/float-button

一、问题

常见的报错:
@import ‘~antd/es/style/themes/default.less’;

在安装的依赖中找不到此时正在使用的antd组件库中的悬浮按钮组件

在这里插入图片描述

二、解决方式

我们要知道在umi框架中开发是有自带antd等第三方组件库。
其实最大的原因应该就是你使用最新版本antd@5版本的组件库,而umi中自带的antd组件库是@4版本的,有些组件语法,根本无法互相使用!

第一步、确定目前使用的antd组件库

两种解决方案:

1、把自己安装的antd卸载掉,使用自带的4版本的,去看antd@4组件的官方手册!

2、使用最新版的antd,在 umirc.ts 文件中配置antd:false,酒吧自带的antd@4禁用掉了!

在这里插入图片描述
不设置默认使用自带的antd@4组件库

第二步、删除缓存,重新安装依赖

预防有缓存,把标记红框的删掉,重新yarn或npm,

在这里插入图片描述


小提示:我们在项目开发中最好使用固定的命令要是用yarn就一直都是用yarn ,进行安装依赖。
如果解决了你的问题那么请回来给我个双击哦!

猜你喜欢

转载自blog.csdn.net/weixin_61102579/article/details/129087347
今日推荐