没有过载匹配此调用。 重载 1 of 2, '(props: ViewProps | Readonly<viewprops> ): 查看', 给出了以下错误。 （本机反应）</viewprops>

Question

(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

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

Answer 1

在yarn.lock文件中添加此代码，然后删除所有节点模块并重新安装所有依赖项

"@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"

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

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