关于Eslint语法检查报“error Extra semicolon semi”错误的解决办法

最新推荐文章于 2025-04-02 16:58:33 发布
最新推荐文章于 2025-04-02 16:58:33 发布
阅读量1.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39598825/article/details/127720121
vue 专栏收录该内容
8 篇文章 ¥19.90 ¥99.00
订阅专栏
本文介绍了在Vue项目中遇到ESlint报错'Extra semicolon'的问题，该错误通常由于在语句末尾多了一个分号导致。通过移除分号可以解决，但根源是VSCode的ESlint插件在格式化时自动添加了分号。为了解决这个问题，文章提出了禁用或调整ESlint检查规则的方法。

1、 5:35 error Extra semicolon semi
6:25 error Extra semicolon semi

✖ 2 problems (2 errors, 0 warnings)
2 errors and 0 warnings potentially fixable with the --fix option.

这个错误的原因是我们在语句末尾使用了引号，去掉分号后就可以顺利跑通了。这又是为什么呢？这是因为vscode的插件ESlint的原因。ESlint在格式化文档的时候会自动添加分号。这可能会让我们感觉不舒服，觉得不规范。有没有什么办法呢？有的。我们可以去掉ESlint的检查规则。

VUE+ts 运行时常见错误
wanjuan1998的博客
09-13 2733
1、“error Extra semicolon semi”错误分号半 “error Strings must use singlequote”错误字符串必须使用单引号 在项目根目录下新建文件：.prettierrc.json ，在其中添加以下代码 { "singleQuote":false,//singleQuote用单引号代替双引号。此值为true时<script>中的双引号全部变为单引号 "semi":false//使用分号 } 2、error ...
Eslint报错：error Extra semicolon semi
你喜欢大熊猫嘛
01-03 779
error Extra semicolon semi,Eslint报错：error Extra semicolon semi
Vue报错：error Extra semicolon semi 已解决
Coder小何
11-03 8049
这个错误的原因是在13行第二个字符的位置使用了引号 去掉分号之后就可以正常跑起来了！ 值得一提的是vscode插件ESlint 在格式化文档的时候会自动添加分号
vue项目中eslint报“Extra semicolon semi”错误的解决方法
yixuan05的博客
09-16 2063
因为项目中使用了eslint 的 semi 功能，该功能强制代码必须加分号（ ; ），或者必须不能加（ ; ）。 解决方法： 找到.eslintrc.js文件，在rules里面加上’semi’: 0，重启项目即可。
Eslint语法检查报“error Extra semicolon semi”错误的解决办法
m0_65696193的博客
04-02 538
问题：[eslint] C:\Users\彩珍\Desktop\project\vue3.5+echarts5\vue3.2\src\views\HomeView.vue 10:53 error Extra semicolon semi✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` option. You may use special comments
C:\PROJECT\VUETEST1\hm-shopping\src\router\index.js 13:22 error Extra semicolon semi
06-11
- 错误通常在构建或代码检查时报告，消息类似：`error Extra semicolon semi`或包含具体位置提示，如行号和列号[^4]。 可能的原因： 1. **index.js文件违规添加分号**：代码中错误地使用了分号结尾语句，而规则设置...
WebPractice\vue\快速\01.3vuerouter和vuex\vrouter\src\views\videoinfo\VideoInfo2.vue 14:35 error Extra semicolon semi
03-20
至于错误信息中提到的"Extra semicolon semi"，这是一个语法错误，意味着在代码中多了一个不必要的分号。在JavaScript中，分号通常用于表示语句的结束，但有时候会出现多余的分号导致语法错误。
D:\myWorkspace\demo\src\views\index.vue 2:1 warning Expected indentation of 2 spaces but found 4 spaces vue/html-indent 7:1 error Expected indentation of 2 spaces but found 4 indent 8:1 error Expected indentation of 4 spaces but found 8 indent 8:18 error Extra semicolon semi 9:1 error Expected indentation of 2 spaces but found 4 indent 11:1 error Expected indentation of 2 spaces but found 4 indent 13:1 error Expected indentation of 2 spaces but found 4 indent 13:16 error Unexpected trailing comma comma-dangle 14:2 error Extra semicolon semi 18:9 error Newline required at end of file but not found eol-last 这些vue启动后的报错怎么屏蔽
最新发布
10-17
因为eslint是语法检查工具，对符号和空格等有严格限制，像每行代码非语法需要时，最后加逗号或分号会被判定多余，注释后缺少空格也会报错，而通过上述操作就能解决编译时这类报错频繁跳出的问题 [^1][^4]。...
86:1 error Expected indentation of 0 spaces but found 2 indent 87:49 error Strings must use singlequote quotes 87:64 error Extra semicolon
07-13
可以通过配置 ESLint 规则 `"no-extra-semi": "error"` 来检测并防止此类错误的发生。 以下是一个符合上述规范的代码示例： ```javascript const message = 'Hello, world'; // 使用单引号且没有多余的分号 ...
Vue初学 error Extra semicolon semi
qq_41309350的博客
02-20 718
在学黑马电商Vue项目时，出现这个错误 Login.vue原代码: <template> <div> 登录组件 </div> </template> <script> export default {}; </script> <style lang="less" scoped> </style> 只需要将分号;去掉就行 export default {} ...
Vue 项目报错 Extra semicolon semi
zqq_1119的博客
11-24 810
使用 vue-cli 构建的项目，默认的 eslint 配置要求是不使用分号。需重新设置一下。 解决方案： 第一步： 在项目根目录找到.eslintrc.js文件夹 第二步： 设置： 'semi': [0, 'never'], 此配置项的意思为：eslint 不检查分号这一项，这个时候结尾的分号，你加也可以，不加也可以 特别说明：如果希望要使用分号。则将设置改为： 'semi': ["error", "always"] ...
eslint报“Extra semicolon“错误的解决
wenchang-的博客
07-10 4194
问题： D:\HBuilderProjects\Vue学习\vue-cli-study\05-demo\src\plugins\element.js 2:46 error Extra semicolon semi 9:1 error Too many blank lines at the end of file. Max of 0 allowed no-multiple-empty-lines ...
vue项目中报“error Extra semicolon semi”错误的解决方法
qq_44755188的博客
08-10 2038
错误原因： 使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。 解决方法： 在项目根目录下找到.eslintrc.js文件，为rules 属性新增配置：'semi': 0 ...
Eslint报错extra semicolon的解决方法
guangzhou007_java的博客
12-06 1万+
如果使用 vue-cli 构建的项目时，选择手动模版是 webpack ，standard 的 eslint 配置，默认要求是不使用分号。如果有保存后默认加分号，就会有行报错extra semicolon，一些就是解决的方法。 在项目中找到.eclint.js文件，修改在rules中加入 1、如果要eslint 不检查分号 ‘semi’: [“error”, “always”] 2、如果 不需要...
vue项目中eslint报“error Extra semicolon semi”错误的解决
你，若盛开的专栏
06-15 2万+
使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。 解决方案 如果希望 eslint 不检查分号这一项，在项目根目录下找到.eslintrc.js文件，为rules 属性新增配置： 'semi': 0 特别说明： 如果我们希望在每个 js 代码每一个表达式的结尾都以分号结尾，则在 rules 字段增加配置： ‘semi’: [“error”, “always”] ，否则 eslint 会给出错误提示。 ...
vue项目 报错 Extra semicolon (semi)
热门推荐
xiao_yu_liu的博客
10-12 7万+
es lint semi 文档 如图： 原因：项目中使用了eslint 的 semi 功能， 该功能，强制使代码必须使用分号（ ; ），或者必须不能加（ ; ） 该规则有两个选项，一个是字符串，一个是对象。 字符串选项： "always"(默认) 要求在语句末尾使用分号 "never"禁止在语句末尾使用分号 (除了消除以[、(、/、+或-开始的语句的歧义) 对象...
Extra semicolon
如果第一次你没有成功，那么称之为1.0版，继续加油。
05-23 1万+
是因为你使用了eslint，这个是eslint的规范报错，能不用分号就不用分号 Java自学的网站(Java全栈工程师 | 以实例驱动学习 | how2j.cn)
Extra semicolon (semi)，Strings must use singlequote，vscode格式化样式设置
木木木华的博客
09-18 1961
VSCode格式化着实让人头疼，快捷键shift+Alt+F格式化代码，将手写的单引号全部变成双引号，闹心！！ 本文在于解决：格式化的时候全部是单引号，不要分号，也不多显示逗号。 首先安装prettier，命令行：npminstall--globalprettier， 然后，在项目中添加一个文件.prettierrc.json，这个文件在项目里最外层，也就是说和README.md是同级的 最后，文件内加上三行代码，因为.json文件中不能写注释，所有我单开了一些键值对写注释。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值