Vue3项目安装MDB Vue报错提示mdbvue@1.2.0版本不存在如何解决

你的操作流程符合官方安装指引，不存在操作失误。报错是MDB官方提供的Vue CLI插件适配问题导致的：该插件默认拉取的是已经下架的适配Vue2的旧版mdbvue@1.2.0包，和你创建的Vue3项目不匹配，才会触发版本不存在的报错。

1. 清理错误安装残留 #

执行vue add mdb中途报错会产生无效依赖残留，先执行以下清理操作：

• 删除项目根目录的node_modules文件夹
• 删除项目根目录的package-lock.json文件
• 打开package.json，删除所有和mdb相关的依赖条目

2. 手动安装Vue3适配的MDB包 #

不要使用vue add mdb命令，直接手动安装适配Vue3的官方包即可：

# 安装免费版基础组件包
npm install mdb-vue-standard

如果需要全量组件包，执行：

npm install mdb-vue-ui-kit

3. 全局引入样式 #

打开项目入口文件main.js/main.ts，添加全局样式引入：

import 'mdb-vue-ui-kit/css/mdb.min.css'
// 后续按需引入对应组件使用即可

可选适配方案 #

如果仍出现依赖匹配报错，可临时将npm降级到v6版本，避开npm7+的严格依赖校验规则：

npm install -g npm@6.14.18

降级完成后重新执行安装步骤即可。

内容的提问来源于stack exchange，提问作者Soerendip