通过 Vue CLI 添加 Vuetify 会导致“找不到模块”错误

Posted 2023-02-22

【中文标题】通过 Vue CLI 添加 Vuetify 会导致“找不到模块”错误

【英文标题】：Adding Vuetify via Vue CLI leads to "Module not found" error

【发布时间】：2021-08-23 18:24:34

【问题描述】：

我正在尝试在刚刚通过 Vue CLI > vue create vuetify 创建的新 Vue 项目之上安装 Vuetify。但是，每次将项目提供给浏览器时，我都会遇到这个问题：

另外，在启动服务器的终端中，我得到：

...建议未安装 Vuetify 插件，这正是我认为 vue add vuetify 应该做的。

这是确切的复制步骤：

vue create vuetify “请选择一个预设”。选择：“默认（[Vue 2] babel, eslint）” （Vue CLI 做它的事情，创建项目） cd vuetify npm run serve （默认Vue项目页面显示在浏览器@localhost:8080） vue add vuetify “警告当前存储库中有未提交的更改，建议先提交或存储它们。仍然继续吗？（y/N）” y（我不知道这是怎么回事） “选择一个预设”。选择：“默认（推荐）” （Vue CLI 做它的事情，安装 Vuetify） 浏览器/终端错误...

我做错了什么？

（Node.js 版本：v14.15.5；Vue CLI 版本：v4.5.13）

【参考方案1】：

重启服务器应该可以解决问题：停止应用，然后运行npm run serve（如果您使用的是npm）。

问题是应用在执行vue add vuetify时正在运行，所以安装后没有自动重启。

【讨论】：

啊哈！谢谢;最后这么简单的修复。你知道第 8 步是什么吗？

不确定，我认为是vue-cli 在添加插件时给你一个警告，这样你就不会丢失任何未提交的更改。创建项目时，会使用它创建一个.git 文件以跟踪更改。在这种情况下添加vuetify 会更改您的文件并创建可能影响您的代码的新文件，因此此警告可能是为了让您了解此类后果。如果您有兴趣，我建议您对此进行更多研究。