AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【Error】解决 Vue2.x 与最新 Ant Design vue 版本不符的问题

2023-02-14 475
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 引用Ant Design vue项目一直报错，如果我们 要使用 Vue2.x 来开发项目时，就必须安装指定 Ant Design vue 的版本号， 否则会报错。

解决 Vue2.x 与最新 Ant Design vue 版本不符的问题

引用Ant Design vue项目一直报错，如果我们 要使用 Vue2.x 来开发项目时，就必须安装指定 Ant Design vue 的版本号， 否则会报错。

2345_image_file_copy_472.jpg

解决方案

如果您已经安装了，请先通过 npm uninstall 进行卸载 Ant Design vue。

 npm uninstall --save ant-design-vue

您可以打开项目根目录 package.json，查看一下它们的版本：

Vue2 需要与 1.x 的 Ant design vue 版本进行对应。

2345_image_file_copy_473.jpg

然后通过 @ 指定版本号即可，执行如下命令：

npm i ant-design-vue@1.7.8

2345_image_file_copy_474.jpg

2345_image_file_copy_475.jpg

文章标签：
JavaScript
关键词：
VUE.js ant
VUE.js版本
VUE.js design
ant design VUE.js版本
游客2jnzr4hskqhfw
目录
相关文章
java冯坚持
|
24天前
|
JavaScript 数据可视化
vue-cli学习一：vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目，vue的初始化详解
这篇文章介绍了如何使用vue-cli 2和3版本来创建Vue项目，并详细说明了两者之间的主要区别。
java冯坚持
71 5
vue-cli学习一：vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目，vue的初始化详解
游客zi3qmblbcdexu
|
1月前
|
JavaScript
vue3- antd design vue 引入iconfont
vue3- antd design vue 引入iconfont
游客zi3qmblbcdexu
100 3
你都不懂
|
1月前
|
JavaScript 数据格式
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
你都不懂
77 1
java冯坚持
|
24天前
|
JavaScript 数据可视化
vue-cli学习二：vue-cli3版本 创建vue项目后，Runtime-Compiler和Runtime-only两个模式详解；vue项目管理器；配置文件的配置在哪，以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法，以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
java冯坚持
30 3
vue-cli学习二：vue-cli3版本 创建vue项目后，Runtime-Compiler和Runtime-only两个模式详解；vue项目管理器；配置文件的配置在哪，以及如何配置
六卿
|
2月前
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
63 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
肥晨
|
5月前
|
JavaScript 前端开发 开发者
vue3+ts配置跨域报错问题解决：＞ newpro2@0.1.0 serve ＞ vue-cli-service serve ERROR Invalid options in vue.
【6月更文挑战第3天】在 Vue CLI 项目中遇到 "ERROR Invalid options in vue.config.js: ‘server’ is not allowed" 错误是因为尝试在 `vue.config.js` 中使用不被支持的 `server` 选项。正确配置开发服务器（如代理）应使用 `devServer` 对象，例如设置代理到 `http://xxx.com/`： ```javascript module.exports = { devServer: {
肥晨
254 1
杀死一只知更鸟debug
|
2月前
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
84 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
我是快乐的嘟嘟
|
27天前
|
JavaScript API 开发工具
vue2和vue3版本区别
【10月更文挑战第4天】
我是快乐的嘟嘟
34 0
热爱技术的小郑
|
3月前
|
JavaScript 编译器
成功解决：Module build failed: Error: Vue packages version mismatch
这篇文章记录了解决Vue项目中遇到的"Module build failed: Error: Vue packages version mismatch"错误的步骤，原因是项目中Vue依赖的版本不一致，解决方法是删除`node_modules`后重新安装指定版本的Vue和`vue-template-compiler`，确保版本匹配，最终成功运行项目。
热爱技术的小郑
166 4
成功解决：Module build failed: Error: Vue packages version mismatch
咕噜咕噜wy
|
6月前
|
JavaScript 数据库
ant design vue日期组件怎么清空 取消默认当天日期
ant design vue日期组件怎么清空 取消默认当天日期
咕噜咕噜wy
57 0