将 Vuetify 添加到 Vue CLI 会导致 "Module not found" 错误

Adding Vuetify via Vue CLI leads to "Module not found" error

我正在尝试在刚刚通过 Vue CLI 创建的新 Vue 项目之上安装 Vuetify > vue create 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. "WARN 当前存储库中有未提交的更改,建议先提交或隐藏它们。是否继续?(y/N)"
  9. y(我不知道这是关于什么的)
  10. “选择预设”。选择:“默认(推荐)”
  11. (Vue CLI 做它的事情,安装 Vuetify)
  12. Browser/terminal 错误...

我做错了什么?

(Node.js 版本:v14.15.5;Vue CLI 版本:v4.5.13)

重新启动服务器应该可以解决问题:停止应用程序,然后 运行 npm run serve(如果您使用的是 npm)。

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