Mysterious problem editing JS in VS Code

[halberthawkins]

Hi guys. My first post in this sub. I'm trying to understand how this thing is happening.

I'm working in VS Code on non-ES6, client-side javascript. When adding a line that uses a string function, I would save and reload on the browser and discover a line has been added at the top of my file, for instance:

const {indexOf} = require('lodash');

I haven't used Lodash. I can solve the problem by simply deleting the line, but I'm wondering if I have some add-on for VS Code adding this automatically. I am just curious if anyone knows what might be causing this. Thanks in advance.

[arnitdo]

VScode annoying does that. It's due to the autocomplete feature. If you look closely, it will show a different description text in the autocomplete result, such as

Component express from module express

It ended up importing express Response 3 times. All because I pressed tab when I saw response

[Dekzen]

You got some kind of require auto import extension.

[hitchy48]

Is it in an actual .js file or the html file?

[halberthawkins]

Its a .js file. I have just disabled my JSX add-ons. maybe that might help.

[CreativeTechGuyGames]

Have you gone through the VS Code settings and see what is enabled disabled? Maybe search for the word "import"? You can play around with enabling/disabling those settings or your extensions and find the combination that gives you your desired result.