没有过载匹配此调用。重载 1 of 2，\'(props: ViewProps | Readonly<ViewProps>): View\'，出现以下错误。（本机反应）答案

【问题标题】：No overload matches this call. Overload 1 of 2, '(props: ViewProps | Readonly<ViewProps>): View', gave the following error. (React Native)没有过载匹配此调用。重载 1 of 2，\'(props: ViewProps | Readonly<ViewProps>): View\'，出现以下错误。（本机反应）
【发布时间】：2022-12-30 11:54:33
【问题描述】：

(alias) class View
import View
No overload matches this call.
  Overload 1 of 2, '(props: ViewProps | Readonly<ViewProps>): View', gave the following error.
    Type '{ children: Element[]; style: { flexDirection: "row"; alignItems: "center"; marginTop: number; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
  Overload 2 of 2, '(props: ViewProps, context: any): View', gave the following error.
    Type '{ children: Element[]; style: { flexDirection: "row"; alignItems: "center"; marginTop: number; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.
      Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps>'.ts(2769)

我不知道为什么会收到此错误。甚至回顾了其他堆栈溢出类似的问题。问题没有解决。

我正在使用从本机反应导入的样式表。

代码：-

       <View style={styles.createPostContainer}>
        <View style={styles.addPostButtonContainer}>
          <TouchableOpacity
            data-elementId="button_next"
            onPress={this.discordChanges}
          >
            <Image
              data-elementId="image_Back"
              style={[DS ? styles.image_BackImage_5inch : styles.image_BackImage]}
              source={back}
            />
          </TouchableOpacity>
        </View>
        <Text
          data-elementId="textlabel_Payments"
          style={[DS ? styles.textlabel_PaymentsText_5inch : styles.textlabel_PaymentsText]}
        >
          Create Post
        </Text>
      </View>

我的项目信息：-

npx react-native info
info Fetching system and libraries information...
System:
    OS: macOS 13.0.1
    CPU: (8) arm64 Apple M1
    Memory: 199.59 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.9.1 - /opt/homebrew/bin/node
    Yarn: 1.22.18 - /opt/homebrew/bin/yarn
    npm: 8.19.1 - /opt/homebrew/bin/npm
    Watchman: 2022.09.19.00 - /opt/homebrew/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 16.0, macOS 12.3, tvOS 16.0, watchOS 9.0
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9014738
    Xcode: 14.0/14A309 - /usr/bin/xcodebuild
  npmPackages:
    @react-native-community/cli: ^9.1.1 => 9.1.3 
    react-native: file:./packages/blocks/core/node_modules/react-native => 0.61.3 
  npmGlobalPackages:
    react-native: 0.70.1

我尝试降低打字稿版本。不知道我为什么这样做，只是尝试了一下。希望任何人都可以帮助我。 :)

【问题讨论】：

您在此处拥有的“项目信息”没有用。而是发布失败的代码及其相关类型。
添加了失败的代码，实际上我有一个大项目，整个项目都有一堆文件，所有这些文件都有相同的 TS2769，文本组件也有同样的问题。
@VishnuVardhan 你找到解决方案了吗？
不，我还没有找到正确的解决方案。但是现在我正在使用 // @ts-nocheck 来忽略类型错误以继续工作。

标签： javascript typescript react-native

【解决方案1】：

在中添加了此代码纱线锁文件然后删除所有节点模块并重新安装所有依赖项

"@types/react@*": version "17.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd" integrity sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" csstype "^3.0.2"

我的同事向我介绍了这个解决方案。还要确保删除现有的@类型/反应@然后用它替换我上面的解决方案。

请让我知道解决方案是否适合您。谢谢你的帮助。

【讨论】：