Unexpected trailing comma ESlint与prettier冲突

最新推荐文章于 2024-04-24 16:07:39 发布
最新推荐文章于 2024-04-24 16:07:39 发布
阅读量6.1k 收藏 2
点赞数 1
分类专栏： ESlint 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41161604/article/details/117650129
版权

问题：编辑器格式化工具和eslint产生了冲突

在项目根目录下创建.prettierrc文件

.prettierrc文件:

{
  "semi": false,//格式化时不加分号 
  "singleQuote": true,//用单引号替换双引号
  "trailingComma": none //对象后面默认添加逗号
}

解决： “trailingComma”:none对象后面默认添加逗号

微生阳
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue语法检查工具eslint报错小记（error Unexpected trailing comma、Extra semicolon、error ‘loadingInstance‘ is nev）
start_sea的博客
03-22 1250
vue项目开发中开启语法检查工具eslint，尤其是接手别人的代码继续开发时，如果不注意语法习惯，项目运行时会出现一堆warning、error，乍一看就头大，仔细以看也没啥。语法检查工具eslint对符号也有严格限制，每一行代码，如果不是语法需要，最后加上逗号或者分号结尾，会被判定多余，不影响运行，但是会error红牌。第二：如果项目已经使用eslint，直接在package.json文件注释eslint或直接删除，比较粗暴，谨慎操作；不检查某个文件，写在文件首行，对整个文件生效。尾部意外出现多余逗号。
gulp-trailing-comma:删除尾随逗号
05-02
gulp-trailing-comma是一个Gulp扩展，用于删除js源代码中多余的尾部逗号。 由于IE 6和IE 7仅通过拒绝执行代码来抱怨尾随逗号。 它使用esprima解析js源文件。 ＃＃用法 var removeComma = require ( 'gulp-...
prettier.trailingComma给对象尾部添加逗号不生效?
tan_xiao_tan的博客
03-18 607
【代码】prettier.trailingComma给对象尾部添加逗号不生效?
编译报错 - Missing trailing comma comma-dangle or Missing semicolon semi
最新发布
若末lan的博客
04-24 638
这种错误通常出现在使用代码格式检查工具（如ESLint）时，具体是在JSON或者JavaScript对象、数组的最后一个元素后面缺少了逗号（trailing comma）。在某些编码标准中，要求在对象的最后一个属性或数组的最后一个元素后面加上逗号，以便在添加新的属性或元素时保持代码的一致性。缺少分号，找到对应的地方加上就可以了。2.在ESLint的配置文件（例如。1.点到对应的地方加上逗号;
解决：error Unexpected trailing comma 问题或 error Trailing spaces not allowed 问题
狮子座的男孩
05-25 3123
错误 意外的尾部逗号。
error Unexpected trailing comma comma-dangle
haiditao的博客
09-22 9183
error Unexpected trailing comma comma-dangle 原因：这种情况是由于VS Code在使用Vetur格式化vue代码的时候，会在代码的最后多加了一个逗号，导致过不了eslint的js格式化要求，所以报错。如： <script> export default { name: 'App', data() { return { date: '', week: '', time: '', }
“Extra semicolon“、“Strings must use singlequote“、“Unexpected trailing comma“ 问题
阿程的博客
11-02 1885
ESLint 报错
Unexpected trailing comma comma-dangle
Dendrobium_qian的博客
11-14 364
eslint报错：禁止不必要的分号。
eslint-config：用于Nuxt.js的ESlint配置
02-05
Nuxt ESLint配置 用于Nuxt.js的配置。 用法 您是否要将配置添加到自己的项目中？ 你去了： 将此包添加到您的devDependencies $ npm i -D @nuxtjs/eslint-config # or $ yarn add -D @nuxtjs/eslint-config 如果...
eslint-module：用于Nuxt.js的ESLint模块
02-05
@ nuxtjs / eslint-module 用于Nuxt.js的ESLint模块 要求 您需要确保已安装eslint >= 7 ： yarn add --dev eslint # or npm install --save-dev eslint 建立 将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn ...
UNEXPECTED INCONSISTENCY: RUN fsck MANUALLY
09-14
"UNEXPECTED INCONSISTENCY: RUN fsck MANUALLY" 是一个常见的错误消息，它出现在Linux操作系统中，尤其是在系统突然关机或非正常关闭后。这个错误表明文件系统（File System）存在一致性问题，需要进行检查和修复。...
eslint-plugin-require-trailing-comma:ESLint 插件需要在数组和对象上使用尾随逗号
07-01
eslint-plugin-require-trailing-comma 强制要求尾随逗号的规则 为什么使用它 你喜欢一致性 这是一个具有一致行结尾的数组和对象 var array = [ 1, 2, 3, ]; var object = { a: 1, b: 2, c: 3, }; 这是一个行尾不一致的数组和对象 var array = [ 1, 2, 3 ]; var object = { a: 1, b: 2, c: 3 }; 具有一致的行尾意味着每行都是独立的。 您可以对线条进行排序、剪切、复制和粘贴线条，添加更多线条，所有这些都无需担心一行不同。 为什么不使用它 IE8 及之前版本会呕吐。 笔记： 默认情况下只需要多行数组和对象的尾随逗号。 单行数组和对象将被忽略。 使用all甚至在单行数组和对象上强制执行，如 {
js代码-trailing commas的简单示例
07-16
js代码-trailing commas的简单示例
jscs-trailing-comma:JSCS规则围绕对象数组文字中的尾部逗号
05-02
jscs-trailing逗号JSCS围绕对象/数组文字中的尾部逗号进行规则。 该插件已弃用。 将与它的规则一起使用，因为现在 ，因此该插件也是如此。笔记该模块不再定义规则disallowTrailingComma和requireTrailingComma因为以...
JS -- Unexpected trailing comma
weixin_30536513的博客
05-13 8915
Unexpected trailing comma 后面多了一个逗号 转载于:https://www.cnblogs.com/mafeng/p/10858465.html
vue脚手架报错：error Unexpected trailing comma comma-dangle
热门推荐
Turbo码先生
08-26 3万+
vue脚手架报错： error Unexpected trailing comma comma-dangle报错代码： 报错代码： // An highlighted block 911:17 error Unexpected trailing comma comma-dangle 922:19 error Unexpected trailing comma comma-dangle 939:28 error Unexpected trailing comma comma
error: Unexpected trailing comma (comma-dangle) at src\components\Login.vue:99:4:
weixin_41924621的博客
02-07 9900
编辑器格式化工具和eslint产生了冲突： 解决方法： 在项目根目录下创建.prettierrc文件进行配置 .prettierrc文件: { "semi": false,//格式化时不加分号 "singleQuote": true,//用单引号替换双引号 "trailingComma":none//对象后面默认添加逗号 } 报错：error: Unexpected trailing comma (comma-dangle) at src\components\Login.vue:99:4
【ES8(2017)】尾逗号 Trailing commas
张营的技术博客
05-11 5044
ES8 允许函数的最后一个参数有尾逗号（Trailing comma）。 此前，函数定义和调用时，都不允许最后一个参数后面出现逗号。 function aa( param1, param2 ){ } aa( 'foo', 'bar' ) 上面代码中，如果在param2或bar后面加一个逗号，ES8之前就会报错。 如果像上面这样，将参数写成多行（即每个参数占据一行），以后修改代码的时候，想为函数aa添加第三个参数，或者调整参数的次序，就势必要在原来最后一个参数后面添加一个逗号。这对于版本管理系
error Unexpected trailing comma comma-dangle
xumengxia的博客
05-19 7914
格式化代码之后会将单引号变为双引号，最后还会加上逗号，末尾的分号于是会导致三种错误： 1. error Strings must use singlequote quotes 2. error Unexpected trailing comma comma-dangle 3. error Extra semicolon 解决方法:配置文件eslintrc.js中设置 ...
unexpected trailing comma
03-17
"unexpected trailing comma" 意思是在代码中出现了意外的多余的逗号。这通常是因为在数组或对象的最后一项后面多写了一个逗号，导致语法错误。例如： let arr = [1, 2, 3,] // unexpected trailing comma 应该修改为： let arr = [1, 2, 3]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值