umi项目里使用的antd组件全是红线,提示“XXX不能作为JSX组件”。
解决方法:
在tsconfig.json里把"jsx": "react-jsx"改成"jsx": "react"
"compilerOptions": {
// "jsx": "react-jsx",
"jsx": "react",
}
之后你的所有页面或组件都需要手动引入React
import React from "react" // 必须写这一行
-----------------------------------------------分割线----------------------------------------------------------
在网上还查到一种方法,在package.json里指定你使用@types/react 或者@types/react-dom的版本
"resolutions": {
"@types/react": "17.0.2",
"@types/react-dom": "^17.0.2"
},
然而,对我的项目无效