webstorm tsx语法中，使用注释后，发现由红色error

最新推荐文章于 2025-06-16 18:50:20 发布
最新推荐文章于 2025-06-16 18:50:20 发布
阅读量5.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 工具类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/web_longboss/article/details/79417997
本文介绍了一个在WebStorm中使用TSX语法时遇到的问题：使用注释后出现红色错误提示。通过将WebStorm升级到2017.3.4及以上版本可以有效解决这一问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

webstorm tsx语法中，使用注释后，发现由红色错误
Ĵ解决：webStorm升级到2017.3.4以上版本，可解决

前端代码整洁之道：Prettier 使用技巧
AI架构全栈开发实战笔记
05-10 872
在前端开发中，代码格式不一致是团队协作的常见痛点。Prettier 作为业界主流的代码格式化工具，通过自动化规则消除人为格式差异，将开发者从繁琐的代码排版中解放出来。本文覆盖 Prettier 的核心原理、配置技巧、生态集成及实战经验，适用于从初级到资深的前端开发者，帮助读者建立规范化的代码格式化工作流。核心概念：解析 Prettier 工作原理与工具链定位配置指南：从基础到高级的配置项详解生态集成：与 ESLint、TypeScript、框架的协同方案实战案例：完整项目配置流程与问题解决。
VS Code插件神器
JanLEE
07-04 2980
1. Codelf 安装次数：2万+ 在计算机科学中只有两件难事:缓存失效和命名。 我对这句话深有同感，当开发项目时，命名一直都是一种让我痛苦的事情。我想，应该不止我一个人有这样的感觉。 可是，命名又是开发过程中一项非常重要的事情，例如，一个好的函数命名，能够让你瞬间明白它实现的功能，这样就节省了很大一部分时间琢磨一段代码到底是什么含义。 所以，每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发，苦思冥想半天。 但是，CodeIf的出现让这个问题迎刃而解，它通过搜索GitHub
webStorm上的typeScrpit代码出现红色波浪线，如何解决？
qq_32087711的博客
12-18 4368
1.打开webStorm的settings设置 2.选择editor，如下图操作 3.去除后点击添加完成，就可以解决了。
tsx配置alias在webstorm中无法识别问题
wfly blog
03-24 2100
在tsconfig.json配置 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } } 和webpack的alias配置同步即可
tsx/jsx语法入门
最新发布
weixin_47002803的博客
06-16 394
大伟聊前端
在WebStorm、vscode中使用tsc对ts文件编译时报错，tsc:无法加载文件，因为在系统上禁止运行脚本
qq_57182373的博客
07-23 2249
编译器终端ts不能被解析解决办法
【学习笔记】JSX语法（.tsx） - 一个 JavaScript 的语法扩展
shawxlee的优快云博客
03-26 1991
JSX 是 JavaScript 语法扩展，可以让你在 JavaScript 文件中书写类似 HTML 的标签。
react-webstorm编程-语法
大帅的博客
11-30 4984
111
vue3+ts+vite配置commit提交代码时语法检测
周家大小姐
02-08 1218
在 package.json 中配置lint-staged注：这里 lint-staged 的配置是：在 git 的待提交的文件中，在 src 目录下的所有都要执行的命令。
代码风格统一之道：使用ESLint和Prettier实现完美代码
良好的代码风格不仅能提升代码的可读性，还能够减少开发过程中的沟通成本，从而提升开发效率。统一的代码风格还能帮助开发者更容易地理解和遵循项目的规范，避免因个人喜好而带来的不一致性。此外，在使用版本控制...
个人推荐---VScode插件和VScode的快捷键（好用）
贪吃ღ大魔王
04-22 1459
文章目录一、VScode插件使用说明？二、推荐插件（好用）1.Auto Close Tag2.Auto Rename Tag3.Beautify4.Bracket Pair Colorizer5.Debugger for Chrome6.ESLint7.GitLens8.HTML CSS Support9.HTML Snippets10.JavaScript(ES6) code snippets11.jQuery Code Snippets12.Markdown Preview Enhanced13.Mat
webstorm写vue项目格式报错，实例正常运行没有报错
九亿宅男的梦的博客
09-29 1347
关于tsx文件飘红（全文红色下划线）
weixin_44496691的博客
05-26 1662
如果在这里没有出现“使用工作区版本”，可以到 .vscode 文件中进行配置。最近使用vite构建react项目时，app.tsx文件会飘红。经排查后发现是vscode中ts的版本比全局配置版本低了。自己的路径可以通过 npm root -g 进行查询。解决方案：选择一个ts文件，有更好的方法或补充欢迎留言。
初识vue（8）—— webstorm 中已设置ES6仍爆红色波浪警告
小R.的博客
02-17 1382
  在写 Vue 项目时，发现明明代码没问题，却爆红色波浪警告，如下图所示： 检查发现已经设置了 ES6 ，但仍然爆红： 最后发现是 ESLint 自动监测造成的，照下图所示关掉即可。 这样就没问题了 ...
解决jsx或者tsx语法报错问题：Objects are not valid as a React child (found: object with keys {})
m0_47328008的博客
07-19 1805
Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead. { // 【注意】jsx 的大括号里面一定要放数组 如果不需要放置内容的时候就放 空数组 [] 或者 null 否则会报错 routes.map(ele =&gt
JSX | TSX 教程
青蛙king的博客
05-25 9327
如果你需要将大量 HTML 代码移植到 JSX 语法，可以使用一款在线的免费的代码转换器工具。
vsCode使用TypeScript或Flow 爆红，显示语法错误，如何解决
路漫漫其修远兮，吾将上下而求索。
03-10 8025
问题： vsCode使用TypeScript或Flow爆红，显示语法错误，如何解决? 原因： vsCode自身的语法检查有些问题 解决办法： 设置里搜索一下javascript.validate.enable，把勾去掉，改为false:禁用默认的JS验证 总结： 由于vsCode自身的语法检查有些问题，所以可以用第三方工具比如eslint或者tslint 来进行静态检查 ...
新奇玩法！在Vue3中使用class component、注解和TSX！
weixin_45254062的博客
05-20 1389
问题引入 可能你看到标题会很奇怪，Vue3 不是已经不推荐在 Vue 中使用类组件了吗？因为类组件其实和 export default 选项式的对象写法本质差不多，但是这样不利于复用。在 Vue3 中主张的一个思想就是组合函数复用，只要有 setup 的地方就可以使用组合函数。 第二个问题，为什么要使用注解？ 哦哦，可能是 Java 里面叫习惯了，JavaScript 中对应的是叫“装饰器”...
vue中使用tsx语法
weixin_45802907的博客
07-05 3217
vue中使用tsx语法
webstorm 开启函数是否使用注释
05-25
您可以在 WebStorm 中通过以下步骤开启函数是否使用注释的检查： 1. 打开 WebStorm 设置。 2. 在左侧菜单中选择 Editor -> Inspections。 3. 在右侧面板中搜索 "Unused JavaScript" 并展开它。 4. 找到 "Unused ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值