ant-design 组件引用报错

本文记录了在使用ant-design-vue@1.7.4时遇到的组件ID冲突和数据编译错误,问题源于Vue版本低于2.6.0导致的不兼容。解决方案是升级Vue到2.6.0以上,同时安装缺失的vue-template-compiler。此外,还提醒开发者注意检查并安装所有必要的peer dependencies。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

正常引用ant-design-vue,版本号为1.7.4

使用组件时报错,Do not use built-in or reserved HTML elements as component id:Select   如图:

提示意思为组件名不能和html标签重复,但是使用的是ant里的组件<a-select>啊

同时使用<a-table>时报另外的错误:Error in data(): "TypeError: __WEBPACK_IMPORTED_MODULE_27_vue__.default.observable is not a function"

搜错半天不知道是什么原因,直到执行npm install 的时候发现Terminal提示

ant-design-vue@1.7.4 requires a peer of vue@^2.6.0 but none is installed. You must install peer dependencies yourself.

ant-design-vue@1.7.4 requires a peer of vue-template-compiler@^2.6.0 but none is installed. You must install peer dependencies yourself.

才知道要求vue版本不得低于2.6.0才可以正常使用ant-design

特此记录一下

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值