亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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 版本。我不確定它是如何設置的,或者它仍然有一個超過完整版本的版本。簡單修復,但幾乎無法診斷。這是我修復它的地方:

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

如您所見,我在 VS Code 本身上安裝了版本 2.7.2,并且選擇了該版本。我現在使用了 3.9.7,所有這些錯誤都消失了。



查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 672 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號