vite antdv@1.7.8 日期控件报错TypeError: (void 0) is not a function

最新推荐文章于 2025-03-25 11:42:16 发布

JA+

最新推荐文章于 2025-03-25 11:42:16 发布

阅读量2.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：报错解决文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_35459724/article/details/128684144

报错解决专栏收录该内容

6 篇文章

订阅专栏

在Vite@4和Vue@2.7环境中，当使用ant-design-vue@1.7.8的日期选择器组件并绑定v-modal时，会出现TypeError:(void0)isnotafunction错误。错误源在于moment-util.js文件中的moment引入问题。通过将import*asmomentfrommoment替换为importmomentfrommoment可以解决此问题。此外，也可以通过安装并使用vite-plugin-antdv-fix插件来自动修复此问题。

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

环境

vite@4
vue@2.7
ant-design-vue@1.7.8

现象

vite 使用ant-design-vue 日期选择器控件（date-picker），只要绑定了v-modal，选择日期后就会报错。

报错

TypeError: (void 0) is not a function
    at validator6 (moment-util.js:8)
    at assertProp (vue.runtime.esm.js:5165)
    at validateProp (vue.runtime.esm.js:5099)
    at updateChildComponent (vue.runtime.esm.js:3966)
    at prepatch (vue.runtime.esm.js:4413)
    at patchVnode (vue.runtime.esm.js:6896)
    at updateChildren (vue.runtime.esm.js:6783)
    at patchVnode (vue.runtime.esm.js:6909)
    at VueComponent.patch2 [as __patch__] (vue.runtime.esm.js:7077)
    at VueComponent.Vue2._update (vue.runtime.esm.js:3769)
...

原因

根据报错，进入 ant-design-vue/es/_util/moment-util.js 文件

其头部引入了import * as moment from 'moment'; // 这个写法有问题

替换为 import moment from 'moment' 即可解决问题

解决

已经有人遇到过这个问题并封装了vite 插件，vite-plugin-antdv-fix - npm

下载此插件使用即可解决该问题。

import antdvFix from 'vite-plugin-antdv-fix';
export default defineConfig({
  plugins: [
    vue(),
    antdvFix() // use plugin
  ],
});