vue引用ant-design-vue报错

vue2使用ant-design-vue时出现的错误报错,是因为版本不兼容问题吗?还是因为其他问题

img

img


Uncaught TypeError: (0 , _vue.defineComponent) is not a function
at eval (LocaleReceiver.js?12f4:17:1)
at ./node_modules/ant-design-vue/lib/locale-provider/LocaleReceiver.js (chunk-vendors.js:945:1)
at webpack_require (app.js:257:33)
at fn (app.js:491:21)
at eval (index.js?14e1:20:1)
at ./node_modules/ant-design-vue/lib/empty/index.js (chunk-vendors.js:923:1)
at webpack_require (app.js:257:33)
at fn (app.js:491:21)
at eval (renderEmpty.js?cb41:12:1)
at ./node_modules/ant-design-vue/lib/config-provider/renderEmpty.js (chunk-vendors.js:890:1


//查看依赖的所有版本
npm view ant-design-vue versions --json
回显如下
[
  "1.0.2",
  "1.0.3",
  "1.1.0-beta.0",
  "1.1.0",
  "1.1.1",
  "1.1.2",
  "1.1.3",
  "1.1.4",
  "1.1.6",
  "1.1.7",
  "1.1.8",
  "1.1.9",
  "1.1.10-beta",
  "1.1.10",
  "1.2.0",
  "1.2.1",
  "1.2.2",
  "1.2.3"]
//安装指定版本
npm i --save-dev ant-design-vue@1.7.0



如果是使用的是vue2版本,请安装低版本的any-design-vue .
先卸载,然后安装制定版本例如:
npm i ant-design-vue@1.7.6 --save

defineComponent是vue3的写法,看你的错误应该是版本高了,不要ant-designe-vue@2.x版本的,2.x版本是vue3起步的。1.x版本是支持vue2的

先卸载最新版,然后安装ant-designe-vue@1.x版本

npm uninstall --save ant-design-vue
npm i --save ant-design-vue@1.7.8