reactjs - JSX 元素类型 'X' 不是 JSX 元素的构造函数。 'render()' 返回的类型在这些类型之间不兼容

Question

我在项目中导入的每个类组件上都出现此错误，如果有人知道如何解决它，我将不胜感激

版本:

"react": "16.9.0",
"react-dom": "16.9.0",
"react-router-dom": "5.1.2",
"typescript": "3.7.4",

TypeScript error in /opt/buildagent/work/508378186b823554/src/AppRouter.tsx(49,7):
   JSX element type 'Router' is not a constructor function for JSX elements.
     The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/opt/buildagent/work/508378186b823554/node_modules/@types/hoist-non-react-statics/node_modules/@types/react/index").ReactNode'.
Type '{}' is not assignable to type 'ReactNode'.
Type '{}' is not assignable to type 'ReactPortal'.  TS2605

Answer 1

@types/react 最近添加了一个支持 react 18 的新版本，因此它不向后兼容。确保您没有意外地使用 React 17 和更低的代码库安装此软件包。

编辑:

如果你碰巧像 Andrew 那样使用@types/hoist-non-react-statics，你可以像这样用你的 package.json 锁定一个@types/react 版本:

"resolutions": {
    "@types/react": "17" // Or other version that is equivalent to your react version
  }