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

Question

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

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

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

这是确切的复制步骤：

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

我做错了什么？

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

Answer 1

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

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