React中 eslint格式化错误之三元表达式

最新推荐文章于 2023-12-08 15:40:31 发布
最新推荐文章于 2023-12-08 15:40:31 发布
阅读量1.6k 收藏
点赞数
文章标签： react.js 前端 reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58207509/article/details/121251493
版权
在React项目中遇到eslint格式化错误，特别是关于三元表达式的错误。该错误可能由VSCode的插件配置冲突引起，如beautify、prettier与`editor.formatOnSave`: true的设置冲突。解决方法包括注释或删除`editor.formatOnSave`，但这可能导致React内HTML无法格式化。对于用户设置中的不熟悉配置，建议删除以避免影响VSCode使用。欢迎分享更优的React eslint配置进行讨论学习。
摘要由CSDN通过智能技术生成

今天做项目突然报出错误 并且配置格式化 按ctrl+s 一直没有解决

 这个错误大体意思就是你的三元格式写错了 至于为什么ctrl+s为什么会冲突 无法解决 大体就三种

第一种 你安装的beauty 美化压缩插件 与 你在setting.json中有个配置项 “editor.formatOnSave”: true 发生了冲突

 

 第二种 你下的prettier 前端代码规范插件 还是与你在setting.json中配置项 “editor.formatOnSave”: true 发生了冲突

 第三种在你的用户设置这里的配置与eslint发生了冲突

 解决方案

第一种与第二种解决的

最低0.47元/天 解锁文章
捧鲜花的唐老鸭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
确保正确使用三元条件表达式的ESLint规则
08-14
确保正确使用三元/条件表达式的ESLint规则
eslint语法简写三元运算符
qiaoguoqing的专栏
12-27 2443
// 标准 var isYes = answer === 1 ? true : false; // 优化 var isYes = answer === 1; // 标准 var isNo = answer === 1 ? false : true; // 优化 var isNo = answer !== 1;
解决Eslint和Prettier关于三元运算符的冲突问题
最新发布
Vgbire的博客
12-08 1280
解决Eslint和Prettier关于三元运算符的冲突问题
ESlint常见警告解决及配置讲解
热门推荐
yezi__6的博客
10-30 1万+
作为前端开发工程师的你，是不是很难忍代码中因为配置了eslint后，又配置了自动修复eslint问题但是还是无法避免eslint警告⚠️和报错呢？？看着一行行红色的警告错误提示是不是很难受啊！但是有些问题确不知道要怎样改呢？ 那如何查自己的项目中自己的命令呢？ npm run lint 你就可以看到下面的报错总数： 如果你也有这样的困扰，那看这个准没错，后续有的eslint问题处理也会继续发出来。当然如果打家有更好的解决办法，请在下方评论区赐教哦！ 项目中eslint配置导致的警告点解决 1.props
eslint常见报错
weixin_44877684的博客
07-15 4883
1.error Do not nest ternary expressions 错误嵌套三元表达式 错误写法： 修改后（将三元表达式改为if else格式即可）： 2.unexpected lexical declaration in case block 配置文件中的"extends": "eslint:recommended"属性启用了此规则。 该规则禁止词法声明 (let、const、function和class) 出现在case或default子句中。原因是，...
ESLint javascript格式要求
weixin_30731305的博客
04-09 279
首行缩进2个空格 eslint:indent functionhello (name) { console.log('hi', name) } 字符串使用单引号（除了避免转义） eslint:quotes console.log('hello there') $("<div class='box'>") 禁止出现未使用的变量 esli...
prettier自动格式化去换行的实现代码
10-14
在本文中，我们将深入探讨如何实现Prettier自动格式化去换行的功能，以及相关的配置设置。 首先，要实现Prettier自动去除换行，我们需要创建一个`.prettierrc`配置文件在项目的根目录下。这个文件用于存储Prettier...
JavaScript学习笔记，markdown格式以及PDF格式
01-15
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互效果，增强用户界面。...同时，了解和掌握这些知识点也将有助于你理解和应用各种JavaScript框架和库，如React、Vue、Angular等。
Javascript中最常用的55个经典技巧
09-05
20. **Prettier**：自动格式化代码，提升代码可读性。 21. **TypeScript**：静态类型检查，增强代码安全性。 22. **模块打包工具**：如Webpack或Rollup，优化代码结构和性能。 23. **Babel**：转换ES6+语法，确保...
ESLint规则可确保正确使用三元/条件表达式-JavaScript开发
05-26
ESLint插件：适当的三元概述固有的ESLint插件提供了控制？的定义的规则。 ：条件表达式（又称“三元表达式”），将它们限制在较窄的ESLint插件中：适当的三元概述适当的三元ESLint插件提供了控制？的定义的规则。 ：条件表达式（又称“三元表达式”），将它们限制为更窄，更合适/更易于理解的形式。 此插件中定义的规则：“嵌套”：控制？的嵌套。 ：三元表达式。 “ parens”：要求在三元表达式子句中的特定类型的表达式周围加上（..）括号。 “ where”：限制程序中的位置
prettierx:不太固执的Prettier代码格式化程序的分支
04-12
prettierX-不太固执的Prettier分支 Prettier代码格式化程序的一个非正式分支，旨在提供一些附加选项，以帮助提高与 （ ）和 。 此派生尝试从停止的地方继续。 prettierX作为Prettier插件 在更漂亮的插件中提供其他格式设置选项 CLI用法 快速使用CLI： prettierx < options> < file> 其他prettierX选项 --align-object-properties （ alignObjectProperties: true ）：在多行对象文字中对齐冒号（不适用于任何JSON解析器）。 --offset-ternary-expressions （ offsetTernaryExpressions: true ）：使用“标准JS”（与相应的eslint选项类似）更一致地缩进和对齐三元表达式分支。 --space-
Prettier一个漂亮的JavaScript格式化程序
08-09
Prettier一个漂亮的JavaScript格式化程序
尔瓦斯
02-19
开发者通常使用Visual Studio Code、Sublime Text或Atom等代码编辑器，配合ESLint进行代码规范检查，Prettier进行代码格式化，Git进行版本控制，以及各种测试框架如Jest进行单元测试和集成测试。 总的来说，...
handlebars_solo
05-04
例如，我们可以创建一个助手来格式化日期，或者检查某个条件并返回不同的内容。助手方法通过`{{helperName arg1 arg2}}`这样的语法调用，并且可以在模板中任何地方使用。 2. **部分（Partials）**：部分模板是可...
vue项目eslint配置 以及 解释
⑧o年崋日常记录
09-06 1839
【代码】vue项目eslint配置 以及 解释。
React的TypeScript中事件中的三元运算符报错
weixin_57157114的博客
09-17 456
遇到这种问题我们可以把三元运算符转换为if判断 if(this.count >= 8){ this.count = 8 }else{ this.count = this.count }
eslint+prettier前端代码规范配置
前端菜鸟
10-26 2261
Eslint虽然可以检测代码质量问题并给出提示，但是格式化的能力有限，只能格式化js，不支持css,html等语言。而Prettier具有更强大的功能，能够支持包括 js、ts、各种 css、vue 和 md 等前端绝大部分的语言和文件格式 因此，我们可以通过Eslint和Prettier组合使用，用Eslint进行代码校验，用Prettier统一代码风格。
第15课：使用 ESlint 规范化代码
疯狂紫萧
09-22 485
知识点 安装 ESlint 配置规则 兼容多数 IDE 安装 ESlint npm install -g eslint eslint --init根据提示安装选择需要的配置，这里我选择的是 json 格式的文件。 最后就在根目录下生成.eslintrc.json。 配置规则 ESlint 是基于规则在检测代码的。 env：你的脚本将要运行在什么环境中； globals：额外的全局变量； pa...
Vue&React项目中ESLint安装与使用教程
`ESLint`是一款强大的静态代码分析工具，它能检测JavaScript（包括Vue和React项目）中的潜在错误和不符合编码风格的部分，从而帮助开发者遵循一定的代码规范。 **1、ESLint安装流程** 首先，为了在Visual Studio ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值