Estoy trabajando en un proyecto React Native
usando Javascript
.
Quiero que vscode muestre la sugerencia de importación de solución rápida como esta:
El problema es que también muestra errores typescript
, como este:
Aquí está mi archivo jsconfig.json
:
{ "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "checkJs": true, "jsx": "react-native" }, "exclude": ["node_modules"], "include": ["src/**/*"] }
Me di cuenta de que si comento "checkJs": true,
los errores desaparecen pero las sugerencias de importación ya no aparecen.
Aquí mi 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, }
Ya he leído muchas publicaciones y he jugado con la desactivación de la validación de typescript
y javascript
"typescript.validate.enable": false,
pero nada parece funcionar.
¿Algunas ideas? Vengo de webstorm, así que no estoy muy acostumbrado a vscode.
Cualquier ayuda sería realmente apreciada. ¡Gracias!
No entiendo por qué necesita una configuración para las importaciones automáticas, pero puede instalar el fragmento de importación automática de los fragmentos de VSC, aquí está el enlace para probarlo.
Además, el error de su mecanografiado no está relacionado con la importación automática, es un error de mecanografiado, su touchableOpacity todavía le faltan algunos accesorios.
La mejor manera es crear jsconfig.json
y escribir:
{ "compilerOptions": { "module": "CommonJS", "jsx": "preserve", "checkJs": true }, "exclude": ["node_modules", "**/node_modules/*"] }