程序本身運行良好,但 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但在運行時也能正常工作,沒有錯誤
Typescript 錯誤 JSX 元素類型“View”不是 JSX 元素的構造函數
胡說叔叔
2023-04-27 15:14:15