我目前正在观看有关 Vue 如何工作的视频教程,并且正在学习组件的基础知识并进行所有设置。昨天一切都很好,我可以跑步
npm run serve
Run Code Online (Sandbox Code Playgroud)
并且它不会启动任何问题。我今天加载了该项目以继续教程,当我再次运行服务时遇到了一个问题
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@vue/cli-plugin-babel/preset'
Run Code Online (Sandbox Code Playgroud)
接下来是堆栈。我试着跑
npm install @vue/cli-plugin-babel/preset --save-dev
Run Code Online (Sandbox Code Playgroud)
但这给了我错误
ENOENT: no such file or directory, open 'B:\Users\...\vue-practice-traversy\@vue\cli-plugin-babel\preset\package.json'
Run Code Online (Sandbox Code Playgroud)
我似乎无法弄清楚究竟发生了什么。我再次安装了 vue cli 并运行 npm install 但仍然遇到相同的错误。我什至不知道具体可以向您展示什么代码,因为我不确定错误发生在哪里或者是什么导致它中断。从昨天到尝试运行它之前,我做的唯一一件事是添加 json 服务器,因为教程也在这样做。我启动了 VSCode,启动了 json 服务器,然后尝试启动 vue 项目。让我知道我可以提供什么帮助,或者我缺少什么来解释为什么它不再为我启动。预先感谢您的帮助!
编辑:删除节点模块和 package-lock.json 并再次进行 npm 安装。这解决了下面评论的有关 vue 缺少依赖项的问题。现在出现编译错误
Syntax error: TypeError: cannot read property 'parseComponent' of undefined
Run Code Online (Sandbox Code Playgroud)
现在仍然遇到问题,已尝试再次删除节点模块和 package-lock.json 但仍然出现相同的错误。
我试图弄清楚我所拥有的这个特定页面发生了什么,因为每次加载它时我都会收到一系列警告和错误
[Vue warn]: Unhandled error during execution of render function
at <MovieDetails id="5" onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >
at <RouterView>
at <App>
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next
at <MovieDetails id="5" onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > >
at <RouterView>
at <App>
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'rating')
at Proxy.render (MovieDetails.vue?e6ee:14)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:444)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:4211)
at ReactiveEffect.run …Run Code Online (Sandbox Code Playgroud)