带有 JavaScript 的 React Native 的 VSCode 自动导入

Question

I know VSCode supports auto import for JavaScript.

For some reason, it does not work with React Native. There is even a dedicated section on the VSCode website for this. But it only answers how to fix this problem for Typescript (using allowSyntheticDefaultImports ). I want it for JavaScript (ES6).

I tried explicitly setting "javascript.suggest.autoImports": true, in my settings.json but that wouldn't change anything, since true is the default anyways.

How to get auto imports for React Native with JavaScript in VSCode ?

PS: This plugin (suggested in this similar question ) is also only for TypeScript. Besides that, since VSCode includes auto import out of the box there should be a solution without an extension for RN and JS.

Answer 1

You might have the 'Auto Imports' option disabled.
In VSCode go to Settings and search for 'Auto Imports' option, it should be something like this:

Just activate it if it's disabled and you'll be fine.

Answer 2

1. Install Auto Imports VSC extension, and enable Auto-imports options(for JS) in the VSC settings (File -> Preferences -> Settings).

2. You may try ctrl+space (for example, after placing the cursor inside the <Text> element) and select the import element from the displayed options.

Answer 3

For me the issue was neither the plug in nor VSCode.

I tried selecting suggestions with library name besides it and it worked for me. ie if I want component then I will select Componet react from the suggestion and it worked.