Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！

已于 2025-01-19 17:03:17 修改
阅读量4.3k 收藏 4
点赞数 5
CC 4.0 BY-SA版权
分类专栏： + Vue3 + Vue3 开发问题汇总 文章标签： vue3 vite Missing semicol 打包编译build报错 调试开发时突然出现错误解决 plugin vite vue compiler-sfc
于 2024-09-06 16:18:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/141962031
+ Vue3 同时被 2 个专栏收录
254 篇文章 ¥9.90 ¥99.00
订阅专栏
+ Vue3 开发问题汇总
156 篇文章 ¥9.90 ¥99.00
订阅专栏

前言

关于此问题网上的教程都无法解决，如果您的报错信息与我相似，即可解决。

在 vue3 + vite 项目开发中，解决项目开发阶段、启动运行、build打包编译时，控制台或页面提示报错：[plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon.很恶心的错误，报错的意思是缺少分号；缺少操作符或分号，但已经检查了没有任何问题还是报错，本文提供解决教程。

如下图所示，只要报错差不多就能 100% 完美解决。

详细示例解决方法，保证搞定。

在这里插入图片描述

解决方案

按照下方错误分析说明及示例代码，轻松搞定此问题。

了解本专栏 订阅专栏 解锁全文
uniapp - 解决报错 [plugin:vite:resolve] Missing “./preload-helper“ export in “vite“ package（在运行或打包编译时报错）
高级前端工程师
05-30 4968
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，还是
vue3+vite - 解决报错 [vue/compiler-sfc] Missing initializer in const declaration.（const声明中缺少初始化器，详细解决方案）
高级前端工程师
03-31 6145
vue3+ts，vite，报错，vue3报错，vite报错，ts报错，[vue/compiler-sfc] Missing initializer in const declaration.，vue3报错，vite报错，ts报错，SFC编译报错，运行报错，打包报错，vue3运行错误，typescript，const声明中缺少初始化器，JavaScript错误处理，Uncaught SyntaxError: Missing initializer in const declaration，如何解决这个问题，检
Missing semicolon设置方法（去波浪线！）
08-05
Missing semicolon设置方法（去波浪线！）
Vue3+Vite+Echarts 出现Missing semicolon错误
IIIIIAN
09-05 499
出现该报错一般是符号缺少(semicolon 分号的意思)，仔细检查后并无发现符号缺失或半角全角误用，仔细观察代码发现是type XX = xx，恍然大悟，需要将其改为lang = 'ts'遇到该报错的提示和跨域报错404有异曲同工之妙啊。
解决 setup-name-support 插件导致的报错`[@vue/compiler-sfc]不支持语法 defineProps
weixin_43170275的博客
05-26 628
解决 setup-name-support 插件导致的报错`[@vue/compiler-sfc]不支持语法 defineProps
解决Vue报错Missing semicolon
m0_52364694的博客
10-20 2035
这个错误可能是由于括号不匹配产生的，检查代码使括号完整
vue3 报错Missing semicolon
最新发布
2401_89806660的博客
06-09 333
Vue3使用vite打包时出现 Missing semicolon 问题
MingT 明天你好！的博客
08-02 4391
Vue3使用vite打包时出现 Missing semicolon 问题
Vue运行出现Missing semicolon错误,解决办法
热门推荐
七侠剑客的博客
03-25 8万+
vue出现 Missing semicolon错误，解决办法     用vscode开发vue项目，运行时出现Missing semicolon报错 通过命返回的错误可以看到，它提示我们是App.vue十一行有问题，少了分号导致 将分号添加，再运行项目则正常。 ...
Vue运行出现missing semicolon的解决方法
Echo_yee的博客
08-22 8807
学习vue的过程中出现missing semicolon报错， 显示是因为缺少分号，但在每行代码后加上分号依然报错， 我在创建vue项目时选择了jshint规范代码， 在jshint扩展中Jshint:Options的setting内设置asi: ’ true '；确认保存即可。 ...
Vue 编译出现 Missing semicolon 错误的处理方法
weixin_33940102的博客
06-25 5049
在测试 vue-cli 脚手架工具，选择 eslint 模式后，对代码的规范有了很严格的要求，如果不符合eslint 规范，例如，代码中少了分号，则执行命令 npm run dev 就会出现错误。 我们可以通过返回的错误来看，原来是src/App.vue 文件第十行少了分号,导致了报错。 ✘ http://eslint.org/do...
mysql missing semicolon_Vue工程报错解决方案Warn:import Vue from "vue";
weixin_33331021的博客
01-27 497
INFO Starting development server...Starting type checking and linting service...Using1worker with 2048MB memory limit98%after emitting CopyPluginDONE Compiled successfullyin 7753ms ...
[plugin:vite:vue] [vue/compiler-sfc] Unexpected keyword ‘this‘.
前端泡面人
09-02 568
钩子函数是个()而非:，低级错误，引以为戒！
vue3打包疯狂报错
雨果的博客
09-30 820
打包的时候报错很多Cannot find name ‘xxx‘。但是npm run dev 是运行正常的。package.json中的vue-tsc --noEmit 删掉就可以了。
Missing semicolon报错
qq_45715615的博客
03-03 1万+
我再编译时出现Missing semicolon 如下图 错误出现在29行 下面标注的阔号配对。 其实原因很简单就是函数放错了位置 componentDidMount()函数放在了constructor（）内分开放就好了 如图现在就没问题了。 ...
missing semicolon报错问题解决
Taurus_666
09-02 2万+
missing semicolon报错主要是因为eslint检测出现错误， 一般是看下提示行是否写分号，添加上就没问题了
Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 ＞＞＞ and /deep/ 警告
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
09-04 3384
最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题，一顿对网上操作后，还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关)，若按警告的提醒去一个个改显然是不能接受的，直接上解决方案。
Vue3 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
星夜辰的博客
05-26 9403
vue3处理告警，setup语法糖
Uniapp+Vue3+Ts 解决setup语法糖不能export问题＜script＞ and ＜script setup＞ must have the same language type
陈万洲的专栏
12-10 6288
一起使用可以解决下面这些场景下的问题1. 无法在 声明的选项，例如 inheritAttrs 或通过插件启用的自定义的选项。2. 声明命名导出。3. 运行副作用或者创建只需要执行一次的对象。// 普通 ，在模块范围下执行(只执行一次)// 声明额外的选项// 在 setup()作用域中执行(对每个实例皆如此)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

蔡来了

请作者喝杯咖啡 :)

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

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

打赏作者

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

抵扣说明：

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

余额充值