组件不能用作 JSX 组件。属性“$props”类型 X 中缺失，但类型“ElementClass”中必需

Question

我几乎从 VSCode 中的每个组件（自定义组件和库组件）中收到此打字稿错误。这是一个针对 React Native 的博览会构建。此命令产生相同的结果： yarn tsc --project tsconfig.json

这是 VSCode 中的示例

以及完整错误消息的示例：

'KeyboardAvoidingView' cannot be used as a JSX component.
  Its instance type 'KeyboardAvoidingView' is not a valid JSX element.
    Property '$props' is missing in type 'TimerMixin & KeyboardAvoidingViewComponent' but required in type 'ElementClass'.ts(2786)

这是我的 .tsconfig：

{
  "extends": "../../node_modules/expo/tsconfig.base",

  "compilerOptions": {
    "jsx": "react-native",
    "strict": true
  }
}

这是它扩展的 expo：

{
  "$schema": "https://json.schemastore.org/tsconfig",
  "display": "Expo",

  "compilerOptions": {
    "allowJs": true,
    "esModuleInterop": true,
    "jsx": "react-native",
    "lib": ["DOM", "ESNext"],
    "moduleResolution": "node",
    "noEmit": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "target": "ESNext"
  },

  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}

Answer 1

我有同样的问题
我刚刚将其添加到 package.json，然后

"resolutions": {
   "@types/react": "17.0.2",
   "@types/react-dom": "17.0.2"
},

按照此处所述运行yarn