Auto-import doesn't work with CMD+. (Quick Fix) but works with suggestions

[svipas]

• VSCode Version: 1.35.0
• OS Version: macOS

Auto-import doesn't work with CMD+. (Quick Fix) but works with suggestions

It's really weird because if I use Quick Fix it doesn't show auto-import suggestion, but if I trigger suggestions (control + space) it shows me the auto-import suggestion.

JavaScript file

TypeScript file

As you can see both works correctly with suggestions (trigger them with control + space), but if it's Quick Fix (cmd + .) behavior is different.

Problem was with older version too (1.34.0)

[mjbvz]

Please share a small example project that demonstrates this

[svipas]

@mjbvz

1. git clone https://github.com/svipas/personal-website/
2. Open ./src/App.jsx
3. Remove this line import { howOldAmI } from './utils';
4. Test the behavior with Quick Fix and suggestions.

[mjbvz]

Try creating a jsconfig.json:

After creating one, everything works for me on VS Code insiders

[svipas]

@mjbvz It's necessary to have jsconfig.json for JS projects in order to get full support from VS Code? Maybe you can share jsconfig.json you used in my repo to solve this? Or it's enough to have an empty one?

[mjbvz]

From a js file, run JavaScript: Go to project configuration and use the default config it creates. Save the jsconfig.json to disk at the root of your workspace and reload VS Code.

Does it work as expected after doing this?

[svipas]

@mjbvz No issue still exists...

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2016",
    "jsx": "preserve",
    "experimentalDecorators": true
  },
  "exclude": ["node_modules", "**/node_modules/*"]
}

I created with the command you mentioned and it doesn't work... I even tried to customize it a little bit, but no help at all.

EDIT (1/2)

Very weird, but if I enable "checkJs": true in the jsconfig.json it works... But it's already jsconfig so why it needs additionally to set checkJs to true? And what I also don't like it starts to check the whole project, but I don't want ts-check, I just want Quick Fix... to work correctly.

EDIT (2/2)

I just right now saw in your screenshot you're using checkJs in jsconfig because you got 18 problems and some parts of the code are marked with red lines, what is not right because I don't want ts-check, just Quick Fix to import like suggestions list.

Also, everything works perfectly without jsconfig except the Quick Fix auto-import feature, so I believe this file is not necessary?

[mjbvz]

Yes you do also need to enable checkJs, either globally or in that file: https://code.visualstudio.com/docs/nodejs/working-with-javascript#_type-checking-javascript Otherwise we will not generate an error on unknown symbols so there will be no quick fixes for the errors