【转】eslint报"Extra semicolon"错误的解决

本文介绍如何在.vue项目中修改ESLint配置,以适应不同的代码风格需求。通过在.eslintrc.js文件中调整'semi'规则,可以控制是否强制使用分号结束语句。

在.eslintrc.js文件中修改rules。以下方法亲测有效。

 

使用 vue-cli 构建的项目,模版是 webpack ,默认的 eslint 配置是以 standard 为基础的,要求是不使用分号。

如果我们希望要使用分号,则在 rules 字段增加配置:

'semi': ["error", "always"]

这样,你的 js 代码每一个表达式的结尾就应该以分号结尾,否则 eslint 会给出错误提示。

如果你希望 eslint 不检查分号这一项,这个时候结尾的分号,你加也可以,不加也可以,在 rules 字段配置:

'semi': 0

 

转自:https://www.cnblogs.com/cowboybusy/p/10633286.html

在使用 ESLint 时,如果遇到 `'Missing semicolon'` 错,这通常表示在 JavaScript 代码的语句末尾缺少了分号(`;`)。ESLint 默认遵循某些严格的代码规范,其中可能包括要求在语句末尾显式添加分号。 ### 原因分析 JavaScript 是一种支持自动分号插入(Automatic Semicolon Insertion, 简称 ASI)的语言,这意味着在某些情况下,即使不显式添加分号,代码也能正常运行。然而,为了提高代码的可读性和一致性,许多项目规范要求显式地在每条语句末尾添加分号。 ### 解决方法 1. **手动添加分号** 最直接的解决方法是在错的语句末尾添加分号。例如,将以下代码: ```javascript console.log('hello eslint') ``` 修改为: ```javascript console.log('hello eslint'); ``` 2. **调整 ESLint 配置** 如果项目中不强制要求使用分号,可以通过修改 ESLint 配置来禁用该规则。在 `.eslintrc.js` 或 `.eslintrc.json` 文件中,添加或修改以下规则: ```json { "semi": ["error", "never"] } ``` 这样,ESLint 将不再要求在语句末尾添加分号。如果希望在某些特定的文件或代码块中禁用该规则,也可以使用 ESLint 的注释指令: ```javascript // eslint-disable-next-line semi console.log('hello eslint') ``` 3. **使用 Prettier 自动格式化代码** 如果项目中使用了 Prettier 作为代码格式化工具,可以配置 Prettier 的 `semi` 选项来控制是否自动添加分号。在 `.prettierrc` 文件中设置: ```json { "semi": false } ``` 这样,每次保存文件时,Prettier 会根据配置自动处理分号问题,避免 ESLint 错。 4. **检查 JSON 文件中的语法问题** 如果错出现在 JSON 文件中,确保对象或数组的最后一个元素后没有多余的逗号。例如,以下写法会导致错: ```json { "name": "Alice", "age": 25, } ``` 正确的写法应为: ```json { "name": "Alice", "age": 25 } ``` 在 JSON 中,末尾的逗号是不允许的,因此需要特别注意[^3]。 --- ### 总结 解决 `'Missing semicolon'` 错的核心在于理解项目所采用的编码规范,并根据需要选择手动添加分号或调整 ESLint 配置。此外,结合代码格式化工具如 Prettier 可以进一步简化分号管理[^1]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值