React Native自动导入功能无法提示View等react-native内置组件问题
React Native组件自动导入失效修复方案
- 修正jsconfig.json配置:你的当前配置将
node_modules加入了exclude列表,IDE会跳过读取该目录下的类型声明文件,导致无法识别react-native的内置组件导入提示,替换为如下配置即可:
{ "compilerOptions": { "allowSyntheticDefaultImports": true, "target": "ES6", "module": "ESNext", "moduleResolution": "Node", "jsx": "react-native" }, "exclude": [] }
- TypeScript项目请先检查是否安装了对应类型依赖,未安装的话执行以下命令安装:
npm i @types/react @types/react-native -D - 清理IDE缓存重载:以VS Code为例,按下
Ctrl+Shift+P(Mac系统为Command+Shift+P),输入并执行Developer: Reload Window,若仍无效可选择执行Developer: Restart Extension Host - 排查插件冲突:临时禁用所有第三方自动导入相关的插件,重启IDE后重试是否恢复正常
内容的提问来源于stack exchange,提问作者Siavash
相关产品推荐
相关产品推荐

