通过Vue CLI添加Vuetify后出现「Module not found」错误如何解决？

问题根因 #

你当前使用的Vue CLI 4.5.13版本执行vue add vuetify时，默认会安装适配Vue 3的Vuetify 3.x版本，而你创建的项目是Vue 2.x项目，两者不兼容，所以会触发插件未安装的报错。

解决步骤 #

1. 先删除你当前已经创建的错误项目，或者在现有项目中卸载错误安装的Vuetify版本：

npm uninstall vuetify

2. 重新执行安装适配Vue 2的Vuetify 2.x版本的命令：

vue add vuetify@^2.0.0

3. 安装过程中预设仍然选择Default (recommended)即可，等待安装完成后重新启动服务：

npm run serve

4. 再次访问localhost:8080即可正常加载带Vuetify样式的页面。

补充说明：你安装时收到的「仓库存在未提交变更」警告是因为Vue CLI调用插件安装前会默认检查当前git工作区状态，防止插件修改项目文件后无法回退，新创建的项目没有做过git提交就会触发该提示，输入y继续操作不会产生异常影响。

可选快速创建方式 #

如果是全新项目，也可以直接选择Vuetify官方预设直接创建适配的项目，执行命令：

vue create my-project -p vuetifyjs/vue-cli-plugin-vuetify#legacy

该命令会直接创建带Vuetify 2.x的Vue 2项目，无需后续单独安装插件。

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