npm错误找不到模块'@vue/cli-plugin-babel/preset‘

Question

我目前正在看一个关于Vue如何工作的视频教程，我只是在学习组件的基础知识和设置它。昨天一切都很好，我可以跑步了

npm run serve

而且启动时不会出现任何问题。我今天加载了这个项目以继续学习本教程，当我再次运行serve时遇到了一个问题

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@vue/cli-plugin-babel/preset'

然后是堆栈。我试着逃走

npm install @vue/cli-plugin-babel/preset --save-dev

但这给了我一个错误

ENOENT: no such file or directory, open 'B:\Users\...\vue-practice-traversy\@vue\cli-plugin-babel\preset\package.json'

我似乎搞不清楚到底发生了什么。我再次安装了vue cli，并运行了npm install，但仍然得到相同的错误。我甚至不知道我可以向您展示的确切代码是什么，因为我不确定错误发生在哪里，或者是什么导致它崩溃。在我尝试运行它之前，我昨天做的唯一一件事就是添加json服务器，因为教程也是这样做的。我启动了VSCode，启动了json服务器，然后尝试启动vue项目。让我知道我可以展示什么来帮助我，或者我遗漏了什么，为什么它不再为我启动。提前感谢您的帮助！

编辑:删除节点模块和包-lock.json，并重新安装npm。这修复了下面评论的关于vue是一个缺失依赖的问题。现在我得到了编译错误

Syntax error: TypeError: cannot read property 'parseComponent' of undefined

现在仍然有问题，我已经尝试删除节点模块和包-lock.json，但仍然是相同的错误。

Answer 1

您可以尝试：

npm install @babel/core @babel/preset-env

在此之后，您必须更新您的babel配置。使用@babel/preset-env代替babel-preset-env：

"presets": [
  "@babel/preset-env"
]