tsconfig.json 配置 update `jsx: “react“` into `jsx: “react-jsx“`终端警告

使用 umiJS 时出现的终端警告：
WARN [WARN] update jsx: "react" into jsx: "react-jsx" to suport the new JSX transform in React 17 in tsconfig.json

解决方法：

确保 typescript 的依赖安装完成，随便打开一个提示错误的 .tsx 文件。

macOS 使用 command + shift + p，Windows 貌似是 ctrl + shift + p。

然后输入 TypeScript ，不出意外的话你会看到 Select Typescript Version 选项。
选择 node_modules 下的那个版本（一般来说都会比较新）。

一般来说就没有问题了。

tsconfig.json 文件

{"compilerOptions": {"target": "esnext","module": "esnext","moduleResolution": "node","importHelpers": true,"jsx": "react-jsx","esModuleInterop": true,"sourceMap": true,"baseUrl": "./","strict": true,"paths": {"@/*": ["src/*"],"@@/*": ["src/.umi/*"]},"allowSyntheticDefaultImports": true},"include": ["mock/**/*","src/**/*","config/**/*",".umirc.ts","typings.d.ts"],"exclude": ["node_modules","lib","es","dist","typings","**/__test__","test","docs","tests"]
}

参考：

tsconfig.json 配置 update `jsx: “react“` into `jsx: “react-jsx“`终端警告相关推荐

tsconfig.json配置学习笔记
tsconfig.json介绍 tsconfig.json 是 TypeScript 项目的配置文件.如果一个目录下存在一个 tsconfig.json 文件,那么往往意味着这个目录就是 TypeSc ...
tsconfig.json配置
什么工具看什么官网-一般都会有说明的 https://www.tslang.cn/docs/handbook/tsconfig-json.html 概述如果一个目录下存在一个tsconfig.jso ...
java项目引入json配置,TS-28 配置tsconfig.json（3）：工程引用
ts3.0引入的新特性: 工程引用项目目录树 object/ src/ client/ common/ server/ test/ tsconfig.json 问题: 1.不希望在构建目录dist下 ...
bpmn js 生成json_你不知道的 tsconfig.json
在 TypeScript 开发中,tsconfig.json 是个不可或缺的配置文件,它是我们在 TS 项目中最常见的配置文件,那么你真的了解这个文件吗?它里面都有哪些优秀配置?如何配置一个合理的 t ...
【taro】无法使用 JSX，除非提供了 “--jsx“ 标志
问题原因 taro项目中使用ts,但是没有设置ts的相关配置解决办法在项目根目录创建tsconfig.json,添加以下内容重点是要添加**"jsx": "reac ...
tsconfig.json参数解释
tsconfig.json "target": "esnext", target用于指定编译之后的版本目录这个应该是ES6吧 "module&qu ...
Angular应用中tsconfig.json文件配置说明及配置全局路径映射
tsconfig.json文件配置说明 1. tsconfig.json文件中的选项配置 2. 配置全局路径映射 1. tsconfig.json文件中的选项配置 TypeScript编译器配置文件的 ...
react项目启动报错”无法使用 JSX，除非提供了 “--jsx“ 标志。ts(17004)“
react项目启动报错"无法使用 JSX,除非提供了 "–jsx" 标志.ts(17004)" 原因由于react版本与ts版本不匹配导致解决 tsconf ...
this指向、数据双向流、传递参数、JSX中循环、React中样式、路由、引入资源的其它方式、create-react-app脚手架、事件处理、获取数据、UI框架推荐、pc桌面应用electronjs
改变this指向的几种方式: //1.使用箭头函数代替原始函数写法:getState=()=>{}//2.在函数调用时给函数名加bind(this)方法:(bind中第一个参数表示修改this指 ...

tsconfig.json 配置 update `jsx: “react“` into `jsx: “react-jsx“`终端警告

tsconfig.json 配置 update `jsx: “react“` into `jsx: “react-jsx“`终端警告相关推荐

最新文章

热门文章