如何解决umi项目使用antd组件报错

206 阅读1分钟

umi项目里使用的antd组件全是红线,提示“XXX不能作为JSX组件”。

image.png

解决方法: 在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"
  },

然而,对我的项目无效