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)不匹配,导致类型识别异常。操作步骤:- 打开任意
.tsx或.ts文件 - 点击VSCode右下角的TypeScript版本号(比如"5.0.3")
- 在弹出的选项中选择"Use Workspace Version"
- 打开任意
重启TypeScript语言服务器
打开VSCode命令面板(Ctrl+Shift+P / Cmd+Shift+P),输入并执行TypeScript: Restart TS Server,清除服务器缓存后重新加载类型信息。
内容的提问来源于stack exchange,提问作者spatak
相关产品推荐
相关产品推荐

