为了账号安全,请及时绑定邮箱和手机立即绑定

Typescript 错误 JSX 元素类型“View”不是 JSX 元素的构造函数

Typescript 错误 JSX 元素类型“View”不是 JSX 元素的构造函数

胡说叔叔 2023-04-27 15:14:15
程序本身运行良好,但 Typescript 在我的组件返回函数中用红色强调了很多项目。特别是我进口的任何东西react-native。诸如此类的任何东西View都会Button抛出这些“错误”。我在引号中说错误是因为应用程序运行没有任何问题。我的 IDE(VS 代码)中的打字稿是唯一抱怨的事情。如果我选择(通过右下角的状态栏选择器)JavaScript React 或 TypeScript React,它会抛出这些错误。这是一个例子:这是我的 package.json 的重要部分"scripts": {    "start": "expo start",    "android": "expo start --android",    "ios": "expo start --ios",    "web": "expo start --web",    "eject": "expo eject"  },  "dependencies": {    "@react-navigation/native": "^5.7.6",    "@eact-navigation/stack": "^5.9.3",    "expo": "~39.0.2",    "expo-status-bar": "~1.0.2",    "react": "16.13.1",    "react-dom": "16.13.1",    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",    "react-native-screens": "~2.10.1",    "react-native-web": "~0.13.12",    "react-native-gesture-handler": "~1.7.0",    "react-native-reanimated": "~1.13.0",    "react-native-safe-area-context": "3.1.4",    "@react-native-community/masked-view": "0.1.10"  },  "devDependencies": {    "react-native-web": "~0.13.7",    "@types/react": "*",    "@types/react-dom": "*",    "@types/react-native": "*",    "typescript": "~3.9.5"  },这是抛出这些错误的文件的样子:import { StatusBar } from "expo-status-bar";import React, { useState } from "react";import { StyleSheet, Text, View, TextInput, Button } from "react-native";const SummaryScreen = ({ navigation }) => {    const accountDetailsPage = () => {        navigation.navigate("Account Details");    };    const contactDetailsPage = () => {        navigation.navigate("Contact Details");    };    return (        <View style={styles.container}>            <Text>HERE IS A BUNCH OF TEXT</Text>            <Button title="Account Details" onPress={accountDetailsPage} />            <Button title="Contact Details" onPress={contactDetailsPage} />        </View>    );};我认为重要的是要注意我不会在@react-navigation诸如<Navigator>和之类创建的组件上遇到这些错误<Stack.Screen ...有点相关,VS Code 中的某些东西抱怨它找不到模块,useState但在运行时也能正常工作,没有错误
查看完整描述

1 回答

?
弑天下

TA贡献1818条经验 获得超8个赞

问题是 VS Code 使用了错误的、非常旧的 TypeScript 版本。我不确定它是如何设置的,或者它仍然有一个超过完整版本的版本。简单修复,但几乎无法诊断。这是我修复它的地方:

//img1.sycdn.imooc.com//644a21110001d7c906600112.jpg

如您所见,我在 VS Code 本身上安装了版本 2.7.2,并且选择了该版本。我现在使用了 3.9.7,所有这些错误都消失了。



查看完整回答
反对 回复 2023-04-27
  • 1 回答
  • 0 关注
  • 616 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信