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 ,进行安装依赖。

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


目录
相关文章
|
9月前
|
JavaScript 前端开发
vue3瀑布流布局(使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的)
vue3瀑布流布局(使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的)
279 0
|
2月前
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
|
11天前
|
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文件
|
2月前
|
小程序
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
75 3
|
2月前
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
134 1
|
8月前
|
JavaScript
vue踩坑-This relative module was not found
vue踩坑-This relative module was not found
119 0
|
2月前
|
前端开发
最新版本create-react-app 如何使用css-module
最新版本create-react-app 如何使用css-module
24 0
|
7月前
|
JavaScript
Vue项目报错:This relative module was not found
Vue项目报错:This relative module was not found
|
8月前
|
Web App开发 JavaScript
vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'
vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'
87 0