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

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

一、问题


常见的报错:

@import ‘~antd/es/style/themes/default.less’;


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


a06f973b69a18aa436f045f772a1a7a1_ef5ceee48ff54d0c838b22257c734567.png


二、解决方式


我们要知道在umi框架中开发是有自带antd等第三方组件库。

其实最大的原因应该就是你使用最新版本antd@5版本的组件库,而umi中自带的antd组件库是@4版本的,有些组件语法,根本无法互相使用!


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


两种解决方案:


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

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


29950b57e49fbc1f33f7c552c28db9ca_394a8c973a2842868eb63c0022f5b0f7.png


不设置默认使用自带的antd@4组件库


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


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


aa3928ebfe497ec2dd1921f9f938d309_49a9fe7d580e4fc1a919aadbce7fcaaf.png


小提示:我们在项目开发中最好使用固定的命令要是用yarn就一直都是用yarn ,进行安装依赖。

如果解决了你的问题那么请回来给我个双击哦!


目录
相关文章
|
前端开发
前端报错 error in ./src/styles/index.scss 解决办法
前端报错 error in ./src/styles/index.scss 解决办法
5008 0
|
6月前
vue-3d-model.umd.js报错You may need an appropriate loader to handle this file type怎么办?
vue-3d-model.umd.js报错You may need an appropriate loader to handle this file type怎么办?
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
|
2月前
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
34 1
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
|
4月前
|
区块链
若依修改标题和icon,在vue.config.js和.env.development进行修改
若依修改标题和icon,在vue.config.js和.env.development进行修改
|
4月前
|
JavaScript
文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
文本,Pinia的使用,(0 , _stores_token_js__WEBPACK_IMPORTED_MODULE_1__.useTokenStore),接口中必须用引入store.js文件
|
6月前
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
360 1
|
6月前
|
前端开发
最新版本create-react-app 如何使用css-module
最新版本create-react-app 如何使用css-module
49 0
|
6月前
./node_modules/vue-qr/dist/vue-qr.js报错You may need an appropriate loader to handle this file type问题
./node_modules/vue-qr/dist/vue-qr.js报错You may need an appropriate loader to handle this file type问题
|
11月前
|
JavaScript
Vue项目报错:This relative module was not found
Vue项目报错:This relative module was not found