vue3+vite - 解决报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.（项目启动运行出错）

已于 2025-01-15 16:48:45 修改
阅读量7.9k 收藏 5
点赞数 14
CC 4.0 BY-SA版权
分类专栏： 前端组件与功能(开箱即用) 前端常见问题解决 文章标签： vue3 vite 项目启动报错 error when star vue/compiler-sf vue3 vite运行提示错误 dev编译错误启动失败解决
于 2024-12-25 23:16:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/144730020

问题说明

在vue3+vite开发中，项目运行报错 error when starting dev server: Error: Failed to resolve vue/compiler-sfc. 执行run dev命令启动后直接提示错误，解析vue/编译器sfc失败，该问题频发于使用npm/yarn运行项目，很恶心的问题后面还有一大串错误信息，本文提供解决办法。

其他教程都无法解决，在本文你只要报类似的错误就可以完美解决。

在这里插入图片描述

解决教程

首先分析下这个问题，

了解本专栏 订阅专栏 解锁全文
error when starting dev server:Error: listen EACCES: permission denied 0.0.0.0:80 at Server.set
隔壁老瓦的专栏
06-15 8914
error when starting dev server: Error: listen EACCES: permission denied 0.0.0.0:80 at Server.setupListenHandle [as _listen2] (node:net:1313:21) at listenInCluster (node:net:1378:12) at Server.listen (node:net:1465:7)使用 cnpm install 可以
vue3 - 报错error when starting dev serve: Error: Cannot find module ‘node:url‘（完美解决方法）
高级前端工程师
02-28 6690
vue3，vite，运行项目报错，npm run dev，vue3启动报错，vue3 Error: Cannot find module 'node:url'，vue3 error when starting dev serve，vue3 Failed to load config from 'xx'，报错解决方法，vue3如何解决运行出现报错，vue3安装依赖后运行报错如何解决，怎么处理vue3运行报错提示，vue报错，解决报错，终端提示错误，浏览器报错，在VUE3+vite项目run dev运行起不来报
使用pnpm运行项目报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.
wmq104的博客
09-23 2888
使用pnpm运行项目报错： # 报错 运行"pnpm install"成功后，运行"pnpm dev"报如下错误： ``` error when starting dev server: Error: Failed to resolve vue/compiler-sfc. @vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree. at resolveCompiler (C:\workspace\l
error when starting dev server: TypeError: crypto$2.getRandomValues is not a function at resolve
最新发布
Aa12364567的博客
08-19 461
摘要：该错误是由于Node.js版本过低（低于18.x）导致Vite开发服务器无法正常启动，特别是crypto模块的getRandomValues功能缺失。解决方法是升级Node.js至v18或更高版本，可通过nvm命令安装并切换至Node.js 18.x版本来修复此问题。
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9815
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
error when starting dev server:Error: Failed to resolve vue/compiler-sfc.
左不言的博客
02-10 7288
error when starting dev server: Error: Failed to resolve vue/compiler-sfc. @vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree.
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
yehaocheng520的博客
12-11 5190
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！
🏆 前端领域优质创作者
09-06 4541
vue3，vite，报错，提示错误，控制台错误，vue3报错Missingsemicolon，如何解决这个问题，vitevue3项目运行报错，缺少分号；缺少操作符或分号，vue3+vite提示Missingsemicolon.，vue3打包，编译打包报错，启动报错，无法启动，打包失败，vite打包发布时出现错误，npmrunbuild，plugin:vite:vue，@vue/compiler-sfc，Vue3使用vite打包时出现Missingsemicolon问题，没有额外的分号怎么排查
error when starting dev server: Error: Failed to resolve vue/compiler-sfc.
04-22
好的，用户遇到了在启动开发服务器时出现“vue/compiler-sfc failed to resolve”的错误。我需要先分析可能的原因，然后给出解决方案。 首先，这个错误通常与Vue的编译器相关依赖未正确安装有关。Vue 3的项目需要@...
vue3+vite运行报错记录：error when starting dev server
weixin_58031521的博客
04-21 6691
vue3+vite运行报错：error when starting dev server: TypeError: Cannot read properties of undefined (reading 'options')
error when starting dev server: file:///F:/%E9%BB%91%E9%A9%AC%E7%A8%8B%E5%BA%8F%E7%8C%BF/%E9%BB%91%E
老段的CSDN的博客
10-07 967
从你的问题描述来看，你在使用Vitejs构建Vue项目时遇到了启动开发服务器的错误错误信息指向了node_modules/@vitejs/plugin-vue/dist/index.mjs文件中的第3行。把node版本升级了一下 目前用的。运行vue3项目 报这个错。
关于“error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found”的错误
yo_le的博客
07-26 3944
使用vite创建项目，启动dev时报错
error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found, and is n
热门推荐
weixin_57677300的博客
12-23 1万+
启动npm run dev时报错。 failed to load config from C:\Users\PC3803\Desktop\Vue3+TS\vue3_ts_cms\vite.config.ts error when starting dev server: Error: The package "@esbuild/win32-x64" could not be found, and is needed by esbuild. "--no-optional" or "--omit=option
error when starting dev server:Error: Cannot find module ‘vue-tsc/out/index‘Require stack:
u014378628的博客
04-24 2272
没办法了,只有暂时禁用 vite.config.ts中的 vite-plugin-checker检查。经过仔细的排查,发现vue-tsc有重大变化,导致与vite-plugin-checker不兼容。在升级到 vue-tsc 2.x后出现的错误。
error when starting dev server: Error: getaddrinfo ENOTFOUND localhost
qq_50386946的博客
11-09 1715
先按 i 后，在最下面加上127.0.0.1 localhost。在终端输入：sudo vim /etc/hosts。再:wq ，再重启项目。
error when starting dev server: Error: Cannot find module ‘node:url‘
跟着BOSS有肉吃
07-12 1961
上下载最新的msi，安装到原来node的安装目录下即可。需要升级node版本。
error when starting dev server: error:0480006C:PEM routines::no start line
weixin_55800388的博客
07-22 380
摘要：解决Vite开发服务器SSL证书报错 当Vite开发服务器遇到"no start line"报错时，表明SSL证书配置出现问题。解决方案是安装@vitejs/plugin-basic-ssl插件，它能自动生成自签名证书。安装后，在vite.config.ts中引入并配置该插件即可解决HTTPS证书问题，无需手动处理证书文件。这种方法简单可靠，特别适合开发环境使用。
npm run dev 报错：error when starting dev server:Error: EACCES: permission denied, rmdir
启程的博客
12-18 1792
npm run dev 报错：error when starting dev server:Error: EACCES: permission denied, rmdir
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蓝猫叫十一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值