无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)

最新推荐文章于 2024-04-28 11:50:10 发布
最新推荐文章于 2024-04-28 11:50:10 发布
阅读量2k 收藏
点赞数
分类专栏： 工作中的小问题 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45408234/article/details/121067711
版权

使用的版本和拥有的版本不一致

解决：

npm install -g typescript

qq_45408234
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tslint-react：与TSLint的React＆JSX相关的Lint规则
02-06
要将这些lint规则与默认预设一起使用，请通过extends关键字使用配置继承。 这是一个示例配置，其中tslint.json与node_modules文件夹相邻： { "extends" : [ "tslint:latest" , "tslint-react" ] , "rules" : { ...
tslint-jsx-required-attributes:TSLint规则要求JSX元素上具有某些属性
03-25
TSLint JSX必需属性规则 tslint的自定义规则 当JSX元素匹配指定的元素类型或指定的属性时，要求它们包含指定的属性。 npm i -D tslint-jsx-required-attributes tslint.json "rulesDirectory" : [ "node_...
解决无法使用JSX,除非提供了“--jsx“标准。ts(17004)错误提示
jk24680的博客
06-22 1125
如果在vue2.x版本中使用了volar插件，可能会出现此问题。 可以看看是否在vscode中启用了volar插件，禁用该之后重启项目，错误提示可能会消失。
web前端--Cannot use JSX unless the ‘–jsx’ flag is provided.
Divine instruction
05-12 3094
Cannot use JSX unless the ‘–jsx’ flag is provided. 在tsx文件中加入html代码后，报错 Cannot use JSX unless the '--jsx' flag is provided. 1 解决方法： 在tsconf...
deepflow grafana plugin 编译问题解决
最新发布
gaohongfeng1的博客
04-28 1412
修改tsconfig.js 增加"noImplicitAny": false，解决代码类型没有指定，显示Any 错误。解决： 降@swc/core 版本。
解决报错：无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
任磊
07-03 8535
解决报错：无法使用 JSX,除非提供了 “--jsx“ 标志
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“ 标志的解决办法
cao919的专栏Net
10-18 2490
无法使用 JSX，除非提供了 "--jsx" 标志的解决办法 react + tsx项目爆红 react更新到17后对tsx解析有了些新特性但是需要typescript4.1后的版本支持 换成这个
Vue3-无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
RequesToGod的博客
07-10 983
以Vue3+TS为例，项目出现**无法使用 JSX,除非提供了 “–jsx“ 标志。ts(17004)**的提示。 虽然不影响项目的正常运行，但身为一名强迫症患者，这种报错必须消灭。网上的解决方式五花八门。有说在vscode 的setting.json文件添加： 有说在重新安装ts的 有说在 tsconfig.json中添加 亲测后以上解决办法并没有解决报错信息。发先这些报错信息都出现在以下这种写法的组件上。 亲测写入完整的组件标签名即可解决报错信息。......
react项目启动报错”无法使用 JSX，除非提供了 “--jsx“ 标志。ts(17004)“
qq_41167198的博客
09-07 274
tsconfig.json文件中compilerOptions配置中的"jsx"改为"preserve。由于react版本与ts版本不匹配导致。
rjsx-mode：Emacs的JSX主要模式
02-04
JSX是React库中广泛使用的JavaScript扩展，允许开发者在JavaScript中书写类似XML的结构，便于构建组件。rjsx-mode为Emacs提供了对JSX代码的强大支持，包括语法高亮、自动补全、括号匹配等特性，极大地提高了开发效率...
react-ts-eslint：使用启用了TS和ESLint的create-react-app创建的React应用
02-10
与TS + ESlint互动 如何将ESLint添加到项目 安装仅开发包： npm i --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin 创建初始eslint配置文件 eslint --init （可选）将linting命令添加到package.json " scripts " : { " lint " : " eslint -c .eslintrc.js --ext .js,.jsx,.ts,.tsx ./src " , } F5经验 npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑，页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行程序。 有关更多信息，请参见关于的部分。 np
vue3-json-schema-form:Vue3.0+TS+JSX 表单生成器:open_book:
05-09
vue3-json-schema-form 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 ...
esformatter-jsx-ignore:esformatter 插件
06-20
-jsx-ignore esformatter 插件：忽略 jsx 块，以便可以在不解析错误的情况下格式化其余的 javascript 代码 注意：如果您想要一些实际尝试将某些格式应用于您的 javascript 文件的东西，请尝试： Esformatter-JSX...
【vue】无法使用 JSX，除非提供了 “--jsx“ 标志
amoureux555的博客
07-17 580
无法使用 JSX，除非提供了 "--jsx" 标志
无法使用 JSX，除非提供了 “--jsx“ 标志 之正确的解决方法
寬真
06-10 5706
最近在使用create-react-app xxx --typescript创建ts项目的老是报错 一片爆红 原因是：react更新到17后对tsx解析有了些新特性但是需要typescript4.1后的版本支持 解决办法： 世界一片清静了！解决ok ...
使用 JSX 语法的两个注意点
luzhaopan的博客
10-15 4534
在使用react开发项目的时候，机会都会使用到JSX 语法，它的主要特点就是，凡是使用 到JavaScript 的值的地方，都可以插入这种类似 HTML 的语法。 const lut= <h1>love u, tiantian!</h1>; 在使用的时候需要有两个注意的点： 所有 HTML 标签必须是闭合的，如果写成<h1>love就会报错。如果是那种没...
IDEA不支持jsx语法解决办法
chern1992的博客
07-20 1万+
jsx支持
无法使用 jsx，除非提供了 "--jsx" 标志。ts(17004)
06-28
### 回答1： 这个错误提示是在使用 TypeScript 时出现的，意思是说如果要使用 JSX 语法，必须提供 "--jsx" 标志。可以在 tsconfig.json 文件中添加以下配置来解决这个问题： ``` { "compilerOptions": { "jsx": "react" } } ``` 这样就可以在 TypeScript 中使用 JSX 语法了。 ### 回答2： 这个错误信息通常出现在使用 TypeScript 编写 React 应用时。它的意思是，编译器无法识别 JSX 语法，需要使用 "--jsx" 标志来明确指定使用哪种 JSX 规范。 JSX 是一种语法糖，用于将 HTML 标签和 JavaScript 代码结合起来，方便开发者编写 React 组件。在 TypeScript 中，由于没有默认支持 JSX 的语法规范，需要使用 "--jsx" 标志来告诉编译器使用哪种 JSX 规范。 TypeScript 支持两种 JSX 规范：React 和 Preserve。React 是默认的 JSX 规范，它会将 JSX 转换为 React.createElement() 函数调用。而 Preserve 规范会将 JSX 保留为字符串，不进行任何转换。如果不指定 "--jsx" 标志，编译器会默认使用 React 规范。 为了解决这个错误，我们需要在 tsconfig.json 文件中添加 "--jsx" 标志，示例代码如下： ```json { "compilerOptions": { "jsx": "react", // 其他选项... }, // 其他配置... } ``` 这样编译器就会按照 React 规范解析 JSX 语法，从而避免了这个错误的出现。 需要注意的是，如果使用的是 Create React App 等工具创建的 React 应用，一般已经默认配置了 JSX 规范，不需要再手动添加。但如果自己搭建了项目或对项目进行了一些特殊的配置，那么就需要自行添加 "--jsx" 标志。 ### 回答3： 这个错误是 TypeScript 编译器的一种提示错误，因为它告诉我们需要提供一个 "--jsx" 标志才能使用 JSX。 JSX 是一种 JavaScript 的语法扩展，用于创建和渲染各种 UI 组件，比如 React 中的组件。在使用 TypeScript 编写 React 代码时，我们需要告诉编译器如何处理 JSX。为了实现这个目的，我们需要在 tsconfig.json 文件中设置 "jsx" 属性。 对于默认的 TypeScript 配置，它会将 "jsx" 属性设置为 "react"，表示要支持使用 JSX。但有些时候，我们可能需要将其设置为其他值，例如 "preserve"，它会将 JSX 保留为不变的字符串，而不进行转换。 如果在编译 TypeScript 代码时出现以上错误提示，我们需要检查 tsconfig.json 文件中是否设置了正确的 "jsx" 属性，并且是否正确地引用了 React 库。如果一切设置正确无误，但仍然出现错误提示，我们可以尝试通过命令行添加 "--jsx" 标志来强制编译器使用 JSX。 总之，要解决这个错误，我们需要确定设置了正确的 "jsx" 属性，并正确引用了所需的库，如果仍然出现错误，我们可以在命令行中添加 "--jsx" 标志来强制编译器使用 JSX。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值