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

Question

我目前正在观看有关 Vue 如何工作的视频教程，并且正在学习组件的基础知识并进行所有设置。昨天一切都很好，我可以跑步

npm run 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 项目。让我知道我可以提供什么帮助，或者我缺少什么来解释为什么它不再为我启动。预先感谢您的帮助！

编辑：删除节点模块和 package-lock.json 并再次进行 npm 安装。这解决了下面评论的有关 vue 缺少依赖项的问题。现在出现编译错误

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

现在仍然遇到问题，已尝试再次删除节点模块和 package-lock.json 但仍然出现相同的错误。

Answer 1

你可以试试：

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

之后你必须更新你的 babel 配置。使用 @babel/preset-env 而不是 babel-preset-env ：

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