0%

Ant-Design-vue组件按需导入错误警告记录

日期选择组件按需导入

// 按需导入
import {DatePicker} from "ant-design-vue"

// 组件注册
export default {
components:DatePicker
}

view视图

<template>
<DatePicker/>
</template>

浏览器调试面板出现以下红色错误警告:

Failed to resolve directive: ant-input

解决方案:

把input引入进去就不会出现错误警告了

// 按需导入
import {DatePicker,Input} from "ant-design-vue"

// 组件注册
export default {
components:DatePicker,Input
}

个人理解:因为日期选择器组件是一个需要用到input输入框的组件,如果没有引入input,则会报错;相当于一个橙子,它外面是包裹着橙子皮的,假如某一天把皮去掉,那它就不是一个完整的橙子了。这是基于按需引入的一个方案。如果全局引入的话可以忽略这个问题!

问题:浏览器调试面板出现以下红色错误警告

Failed to resolve directive: ant-portal

解决方案:目前还在寻找解决答案

-------------本文结束    感谢阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!