关于tsx文件飘红（全文红色下划线）

已于 2023-05-26 11:35:11 修改
阅读量1.5k 收藏 1
点赞数 1
文章标签： 前端 react.js typescript
于 2023-05-26 11:26:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44496691/article/details/130883108
版权
在使用Vite构建React项目时遇到app.tsx文件报错，原因是VSCode中的TS版本低于全局配置。解决方法是选择TS文件使用工作区版本，若无此选项，需在.vscode配置文件中手动设置，全局路径可使用`npmroot-g`查询。

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

最近使用vite构建react项目时，app.tsx文件会飘红

 经排查后发现是vscode中ts的版本比全局配置版本低了

解决方案：选择一个ts文件，

如果在这里没有出现“使用工作区版本”，可以到  .vscode 文件中进行配置

 

 自己的路径可以通过  npm root -g  进行查询

有更好的方法或补充欢迎留言

封洪福
关注
Ant design pro V5 修改并讲解welcome.tsx文件，学习使用antd组件
attiley的博客
02-03 1663
在上一章我们了解了一些组件的使用，初步对于此框架有了一个大概的了解，今天我们就welcome.tsx文件进行详细探讨，希望做到举一反三。 改造Welcome.tsx 我们打开src/pages/Welcome.tsx文件，首先看最上方 是不是很熟悉？没错，就是我们后端编程时需要的引用第三方库文件，那么在react中同样需要。各位可以注意一下写法。 再来看第二段 详解： const定义的变量是不可以再被赋值的，但是它定义的变量的内部属性是可以被修改的。相似于在Java中我们定义一个方法时，定义的方法名。 R
vue3+ts项目在vscode中爆红提示修复
不疲不倦的博客
05-29 8478
新搭建的vue3+ts项目，在vscode中打开，已经安装的的依赖文件也会提示红线
解决React项目TSX文件飘红
m0_56699208的博客
06-11 939
关键是"moduleResolution": “node"和"allowJs”: true。
Vscode中ts/tsx文件代码飘红
weixin_45609894的博客
11-01 1452
使用vs开发，编译没问题，代码老是飘红，一直提示引用不正确或者类型不匹配啥的，明明编译没问题，后来发现是vscode设置的问题，把下面那个关闭就行了。
解决ts\tsx文件引入模块飘红线的问题
范德萨的博客
02-07 2083
解决方式：打开vscode的setting，找到validate，把javascript前面的勾选去掉即可。
React TypeScript小白的首选坑（一） 【tsx文件中代码飘红】
Aym_zzz的博客
07-21 2811
react tsx文件飘红 ts小白首选坑。如下： 解决方法： 第一种 先看下vscode中setting中typescript配置 搜索validate javascript去掉勾选，如下： 如果此操作过后依然无效 可以试一下第二种 第二种 查看配置文件tsconfig.json 将jsx的值改为‘react’ 如下： ts小白的问题记录 持续更新… ...
使用React-vite创建的项目tsx后缀文件报红
qq_41522951的博客
06-21 707
原因：vscode的TS的版本比全局配置版本低了。
React TypeScript中tsx文件报红
weixin_48145150的博客
02-09 1140
【代码】React TypeScript中tsx文件报红。
TiledSharp:C＃库，用于解析和导入由平铺地图生成工具Tiled生成的TMX和TSX文件
04-23
关于TiledSharp TiledSharp是一个.NET C＃库，用于导入由图块地图生成工具生成的图块地图和TSX图块集。 数据保存为一个对象，其结构与原始TMX文件非常相似。 作为通用的TMX和TSX解析器，TiledSharp不会呈现地图或...
idea tsx飘红
10-12
这种情况通常是因为 TypeScript 编译器无法正确解析 JSX 语法。...3. 确认项目中的文件后缀名是否为 `.tsx`，而不是 `.ts`。 4. 如果使用了自定义的 webpack 配置，可以尝试添加对应的 loader 来处理 JSX 语法。
基于Taro框架的华中红色旅游资源智慧导览小程序设计源码
01-03
本项目为基于Taro框架的华中红色旅游资源智慧导览小程序设计源码，包含156个文件，涵盖27个JavaScript文件、21个JSON配置文件、17个TypeScript文件、13个Map文件、13个SCSS样式文件、12个TSX文件、11个WXSS样式文件...
tsx文件
最新发布
03-21
好的，用户现在问的是关于TSX文件的问题。之前他问过Vue框架，现在可能是在学习前端框架的过程中遇到了TSX的相关内容，需要进一步了解。首先，我需要明确TSX是什么，它的基本定义和用途。TSX是TypeScript和JSX的结合...
啊！又是第一篇react项目配置。这次是高版本+typescript，解决vscode中tsx文件飘红的问题
weixin_42971933的博客
07-16 2713
好久以前就在说要学习react，然后学了又忘，也不拿项目练手。犹记得之前成功创建了一个react16项目之后就停手了。最近因为听到大学室友们要么跳槽想要的工资很高，要么又在各种学习，我这就忍不住想要再学习学习了。这次我终于有了目标项目拿来练手，不知道又能撑几天。本次直接上大 环境：react: v 17.0.2 / typescript v 4.3.5 / react-scripts v 4.0.3 这里因为要记录一个问题我的两种结局方案，所以重要的事情说两次！ 第一次： 在未安装react-sc
IDEA打开react项目代码检视报红波浪线
M_Kalor
12-21 2549
修改JavaScript支持的编程语言为React JSX ,试了设置为ECMAScript 6并没有用hhhh= = 然后Apply->OK 就好了
解决vscode新建ts/tsx文件代码飘红线问题
热门推荐
04-16 1万+
报红线的错误提示，但是编译是成功的。 打开vscode的setting，找到validate，把javascript前面的勾选去掉即可。
【TypeScript】VSCode引入文件出现红线的解决问题-20230604
康宝的博客
06-05 2557
希望本文章对有遇到同样问题的小伙伴有所帮助。如有帮助，请小伙伴们动动小手。如果不对的地方，请大家指证。来自一个30+的前端程序猿。
react-6 路由 - ts爆红解决 - 封装路由：：：
qq_60839348的博客
04-14 1696
react-6 路由 - ts爆红解决 - 封装路由：：：
vue3+vite+ts项目搭建之后，vscode文件夹下红色波浪线问题
jiaoxt_123的博客
10-20 6000
搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。报错原因：vscode插件 Vetur 不支持最新写法。解决方式：卸载 并 安装 Volar 插件。报错原因：ts不识别.vue后缀的文件。2.解决vue文件波浪线提示。1. 解决.ts文件报错。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值