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

已于 2025-01-15 16:48:45 修改
阅读量7.7k 收藏 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运行项目，很恶心的问题后面还有一大串错误信息，本文提供解决办法。

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

在这里插入图片描述

解决教程

首先分析下这个问题，

了解本专栏 订阅专栏 解锁全文
Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！
资深程序员
09-06 4267
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: listen EACCES: permission denied 0.0.0.0:80 at Server.set
隔壁老瓦的专栏
06-15 8795
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.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9758
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
vite项目npm/npx——解决error when starting dev server:TypeError:crypto$2.getRandomValues is not a function
一个喜欢周五的前端
07-04 1772
1、卸载当前版本node，安装高版本node。2、nvm下载并切换为高版本node（推荐）查看node是否切换成功。
使用pnpm运行项目报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.
wmq104的博客
09-23 2751
使用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:Error: Failed to resolve vue/compiler-sfc.
左不言的博客
02-10 7234
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 5039
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
vue3+vite运行报错记录：error when starting dev server
weixin_58031521的博客
04-21 6485
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 677
从你的问题描述来看，你在使用Vitejs构建Vue项目时遇到了启动开发服务器的错误错误信息指向了node_modules/@vitejs/plugin-vue/dist/index.mjs文件中的第3行。把node版本升级了一下 目前用的。运行vue3项目 报这个错。
error when starting dev server: Error: Failed to resolve vue/compiler-sfc.
03-20
嗯，用户遇到了启动开发服务器时出现“vue compiler-sfc failed to resolve”的错误。这个问题可能和Vue的编译器有关，特别是处理单文件组件（.vue）的时候。首先，我需要回忆一下Vue项目的依赖管理。 Vue 3之后，...
uniapp - 解决报错 [plugin:vite:resolve] Missing “./preload-helper“ export in “vite“ package（在运行或打包编译时报错）
高级前端工程师
05-30 4951
uni-app，vite，preload-helper，报错，打包报错，Hbuilder打包，发布打包H5报错，打包安卓|苹果app报错，uniApp报错解决，vue3，uniapp vue3语法报错，[plugin:vite:resolve] Missing "./preload-helper" export in "vite" package，error during build:，Error: Missing "./preload-helper" export in "vite" package，还是
关于“error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found”的错误
yo_le的博客
07-26 3713
使用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
Vue常见问题1：启动失败 error when starting dev server:Error: listen EACCES: permission denied 0.0.0.0:80
marsn_的博客
06-22 2175
原因：端口号被占用了。
error when starting dev server:Error: Cannot find module ‘vue-tsc/out/index‘Require stack:
u014378628的博客
04-24 2039
没办法了,只有暂时禁用 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 1584
先按 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 1903
上下载最新的msi，安装到原来node的安装目录下即可。需要升级node版本。
error when starting dev server: error:0480006C:PEM routines::no start line
最新发布
weixin_55800388的博客
07-22 221
摘要：解决Vite开发服务器SSL证书报错 当Vite开发服务器遇到"no start line"报错时，表明SSL证书配置出现问题。解决方案是安装@vitejs/plugin-basic-ssl插件，它能自动生成自签名证书。安装后，在vite.config.ts中引入并配置该插件即可解决HTTPS证书问题，无需手动处理证书文件。这种方法简单可靠，特别适合开发环境使用。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

十一猫咪爱养鱼

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

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

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

打赏作者

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

抵扣说明：

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

余额充值