react项目启动报错”无法使用 JSX，除非提供了 “--jsx“ 标志。ts(17004)“

于 2023-09-07 16:07:06 发布
阅读量469 收藏
点赞数
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41167198/article/details/132740289
版权
本文讲述了在React项目中遇到版本不匹配问题时，如何通过修改tsconfig.json文件的compilerOptions，将jsx选项改为preserve来解决类型检查和兼容性问题。
摘要由CSDN通过智能技术生成

原因
由于react版本与ts版本不匹配导致

解决
tsconfig.json文件中compilerOptions配置中的"jsx"改为"preserve

qq_41167198
关注
typescript: 无法使用 JSX，除非提供了 “--jsx“ 标志
weixin_45123004的博客
01-10 1万+
无法使用 JSX，除非提供了 “–jsx” 标志 出现这个警告的原因是你的typescript的本地版本和你当前项目的版本不一致，请将本地的ts版本更新至项目需要的版本 npm install -g typescript vscode 的setting.json文件添加： "typescript.tsdk": "node_modules\\typescript\\lib" ...
解决报错：无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
任磊
07-03 9176
解决报错：无法使用 JSX,除非提供了 “--jsx“ 标志
web前端--Cannot use JSX unless the ‘–jsx’ flag is provided.
Divine instruction
05-12 3211
Cannot use JSX unless the ‘–jsx’ flag is provided. 在tsx文件中加入html代码后，报错 Cannot use JSX unless the '--jsx' flag is provided. 1 解决方法： 在tsconf...
Vue3-无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
RequesToGod的博客
07-10 1037
以Vue3+TS为例，项目出现**无法使用 JSX,除非提供了 “–jsx“ 标志。ts(17004)**的提示。 虽然不影响项目的正常运行，但身为一名强迫症患者，这种报错必须消灭。网上的解决方式五花八门。有说在vscode 的setting.json文件添加： 有说在重新安装ts的 有说在 tsconfig.json中添加 亲测后以上解决办法并没有解决报错信息。发先这些报错信息都出现在以下这种写法的组件上。 亲测写入完整的组件标签名即可解决报错信息。......
无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
qq_45408234的博客
10-31 2055
使用的版本和拥有的版本不一致 解决： npm install -g typescript
tslint-react：与TSLint的React＆JSX相关的Lint规则
02-06
与React＆JSX相关的Lint规则。 用法 tslint-react对TSLint和TypeScript具有同级依赖。 要将这些lint规则与默认预设一起使用，请通过extends关键字使用配置继承。 这是一个示例配置，其中tslint.json与node_modules...
无法使用 jsx，除非提供了 "--jsx" 标志。ts(17004)
最新发布
06-28
这个错误提示是在使用 TypeScript 时出现的，意思是说如果要使用 JSX 语法，必须提供 "--jsx" 标志。可以在 tsconfig.json 文件中添加以下配置来解决这个问题： ``` { "compilerOptions": { "jsx": "react" } } ...
react-TSLint规则用于检测ReactHooks的无效使用
08-14
针对React Hooks的使用，TSLint提供了一些特定的规则，以确保其被正确、有效和安全地使用。以下将详细介绍这些TSLint规则及其重要性。 1. **`react-hooks/exhaustive-deps`**: 这个规则检查`useState`、`useEffect...
react-quill的使用
02-25
React-Quill 的使用和配置 React-Quill 是一个基于 Quill 编辑器的 React 组件，提供了一个功能强大且灵活的富文本编辑器解决方案。下面是 React-Quill 的使用和配置详解。 安装和引入 首先，需要使用 npm 安装 ...
parcel-react-ts:将React和TypeScript与Parcel结合使用的Starter项目
05-06
在"parcel-react-ts"这个Starter项目中，开发者可以快速开始一个使用React、TypeScript和Parcel的新项目。项目结构通常包括以下几个部分： 1. `src`目录：这是项目的源代码存放处，通常包含`index.html`（应用入口...
无法使用 JSX，除非提供了 “--jsx“ 标志的解决办法
cao919的专栏Net
10-18 2531
无法使用 JSX，除非提供了 "--jsx" 标志的解决办法 react + tsx项目爆红 react更新到17后对tsx解析有了些新特性但是需要typescript4.1后的版本支持 换成这个
无法使用 JSX，除非提供了 “--jsx“ 标志 之正确的解决方法
寬真
06-10 5804
最近在使用create-react-app xxx --typescript创建ts项目的老是报错 一片爆红 原因是：react更新到17后对tsx解析有了些新特性但是需要typescript4.1后的版本支持 解决办法： 世界一片清静了！解决ok ...
React Cannot use JSX unless the ‘--jsx‘ flag is provided.
专注基础架构领域
08-13 892
在tsx文件中加入html代码后，报错 Cannot use JSX unless the '--jsx' flag is provided. 解决方法： 在tsconfig.json中加入： "jsx": "react", 到此问题解决。
除非提供了‘--jsx‘标志，否则无法使用JSX
寬真
09-23 2328
除非提供了‘--jsx‘标志，否则无法使用JSX IslandYoke 2021-03-27 18:49:53 747 收藏 分类专栏： Problem 文章标签： reactjs typescript 在启动react项目之后，发现语法提示错误信息:“除非提供了’–jsx’标志，否则无法使用JSX”. 处理 将tsconfig.json配置中的"jsx": "react-jsx"改为react 如果发现依然没有效果，那么可能是IDE没有立即读取生效导致的，重启VsCode并重新配置jsx之后，问题..
在 vue3 项目中出现 无法使用 JSX，除非提供了 “--jsx“ 标志 提示的解决办法
热门推荐
CSDN for recording problems
04-10 1万+
问题背景 在 vue3 项目 <template/> 里面突然出现了：无法使用 JSX，除非提供了 “–jsx“。 根据网上搜索到的办法 1、是将的 typescript 版本设置为工作区相同的版本。 2、就是在 settings.json 文件中添加：“typescript.sdk: …”。 但是自己设置了也没有效果。 最后适合自己的办法就是在 tsconfig.json文件中的compilerOptions配置项里面配置就可以了： "compilerOptions": { ...
Argument for ‘--jsx‘ option must be: ‘preserve‘, ‘react-native‘, ‘react‘.
Haines
04-08 2501
如果你用npx create-react-app --template typescript 创建一个新的项目，由于react的版本已经更新到了17.0.1 之后了，但是有一些特性（尤其是对tsx文件的解析）是需要Typescript 4.1 之后的版本才支持，而Visual Studio Code中的Typescript版本可能还不是最新的，所以会遇到一个问题 请注意看右下方的版本 4.0.3 解决方案是，点击4.0.3 这个地方，选择新的版本 选择4.1.2 ，保存即可，整个世界都清净
React从入门到精通系列之(18)不使用JSX编写React应用
weixin_33719619的博客
12-16 193
十八、不使用JSX编写React应用 React并不是强制要求使用JSX来编写应用。 当您不想在构建时设置并编译JSX，那么在开发阶段只是单独使用React而不去使用JSX会让应用在构建时变得特别方便。 每个JSX元素只是调用React.createElement(component，props，... children)的语法糖。 所以...
启动react项目报找不到文件的错误
weixin_43269748的博客
11-10 1787
1.清除原先的node_modules: 2.重装node_modules3.把package.json里面的"react-scripts": "2.1.8",改为这个版本 4.接着会报错App.js回报错'React' must be in scope when using JSX react/react-in-jsx-scope 5.在app.js引入import React,{ Component } from "react"即可 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值