配置 vscode 反应原生自动导入，没有 ts 错误

Question

我正在使用Javascript 处理React Native 项目。

我希望 vscode 显示这样的快速修复导入建议：

问题是它也显示typescript错误，像这样：

这是我的jsconfig.json 文件：

{
"compilerOptions": {
  "target": "ES6",
  "module": "commonjs",
  "allowSyntheticDefaultImports": true,
  "checkJs": true,
  "jsx": "react-native"
},
"exclude": ["node_modules"],
"include": ["src/**/*"]
}

我意识到，如果我注释掉 "checkJs": true,，错误就会消失，但导入建议不会再出现。

这里是我的settings.json：

{
"workbench.iconTheme": "material-icon-theme",
"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true,
"editor.fontSize": 13,
"editor.formatOnSave": true,
"git.autofetch": true,
"git.confirmSync": false,
"[javascript]": {
    
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"terminal.external.osxExec": "iTerm.app",
"typescript.validate.enable": false,
"javascript.suggestionActions.enabled": true,
}

我已经阅读了很多帖子并尝试禁用 typescript 和 javascript 验证 "typescript.validate.enable": false, 但似乎没有任何效果。

有什么想法吗？我来自webstorm，所以我不太习惯vscode。

任何帮助将不胜感激。谢谢！

Answer 1

我不明白为什么您需要配置自动导入，但您可以从 VSC sn-ps 安装 Auto import sn-p， 这里是link 试试看。

此外，您的打字稿错误与自动导入无关，这是打字稿错误，您的 touchableOpacity 仍然缺少一些道具。