You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode智能提示引导从react-native/types而非react-native导入View组件

解决React Native 0.71.3新项目中IntelliSense引导错误导入View的问题

以下是几个可行的解决步骤,按顺序尝试:

  • 卸载多余的@types/react-native包
    React Native 0.70+版本已经内置了类型声明,不需要额外安装@types/react-native。如果你的新项目里误装了这个包,会和内置类型冲突,导致IntelliSense指向错误路径。执行命令卸载:

    npm uninstall @types/react-native
    # 或用yarn
    yarn remove @types/react-native
    
  • 调整tsconfig.json配置
    打开项目根目录的tsconfig.json,在compilerOptions里确保添加了"react-native"到types数组中,让TypeScript优先识别RN内置的类型:

    {
      "compilerOptions": {
        // 其他配置...
        "types": ["react-native"]
      }
    }
    

    同时检查exclude或include配置,确保没有意外排除了node_modules/react-native下的类型文件。

  • 切换VSCode的TypeScript版本为项目本地版本
    VSCode默认会使用内置的TypeScript版本,可能和React Native 0.71.3要求的TS版本(4.9.4)不匹配,导致类型识别异常。操作步骤:

    1. 打开任意.tsx或.ts文件
    2. 点击VSCode右下角的TypeScript版本号(比如"5.0.3")
    3. 在弹出的选项中选择"Use Workspace Version"
  • 重启TypeScript语言服务器
    打开VSCode命令面板(Ctrl+Shift+P / Cmd+Shift+P),输入并执行TypeScript: Restart TS Server,清除服务器缓存后重新加载类型信息。

内容的提问来源于stack exchange,提问作者spatak

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 21:39:36