Using `require` in method or Class breaks JavaScript IntelliSense

[jonlepage]

Hi since 2017 this issue seem not fixed and can't find any solution!
Did you have a tips to fix this guys ?

The current problem is when I use. ex: require('fs') in a js Class. My class IntelliSense become broken.

Hope i can get help.
Thanks

related to:
microsoft/vscode#51758
microsoft/vscode#37126

[mjbvz]

Please share some example code or small example project that demonstrates this

[jonlepage]

Hi Matt , thank you for your time.
Very simple case here.
create 2 files .js
file1.js

class File1 {
    constructor() {
    };

    stuff(){
        var r = require; // fine
        var rr = require('fs'); // disable intellisense !!!
    }
};

file2.js

class file2 {
    constructor() {
        File1 // intellisense broken if rr exist in Class File1 
    };
};

• If you comment rr in the file1.js and hover the ref in file2
  It work fine.
  

• But if you uncomment rr in file1.js the ref in file2.js broken and show any.
  

• BUT.. if you insert the 2 Class in the same file.js (single file), it will work!
  

If you need more information please tell me.
If you no able to reproduce i will make a small project.
here more info but i dont think this can be related.
jsconfig.json

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    },
    "exclude": [
        "node_modules","bower_components","temp","tmp","jspm_packages",
        "./js/__old/","./js/libs/"
    ]
}

vsCode launch.json

{
        "version": "0.1.0",
        "configurations": [            
            {
                "type": "nwjs",
                "request": "launch",
                "name": "nwjs Node debug",
                "runtimeExecutable": "${workspaceRoot}\\SDK\\nw.exe",
                "runtimeArgs": [
                    "${workspaceRoot}",
                    "--remote-debugging-port=9222"
                ],
                "webRoot": "${workspaceRoot}",
                "port": 9222,
                "reloadAfterAttached": true,
                "sourceMaps": false,
                "nwjsVersion": "any",
            },
            {
                "type": "nwjs",
                "request": "attach",
                "name": "Attach to NWjs",
                "port": 9222,
                "webRoot": "${workspaceFolder}",
                "reloadAfterAttached": true,
            },

        ]
}

[jonlepage]

any tips or plan to fix this ?

[jonlepage]

ok i share a temp fix .
For now the only solution is to imbric require() in an eval method !
ex:const fs = eval("require('fs')");
And this will not break the vscode intellisense in projet.

Just don't forget to remove during production for security reason.
I hope this sharing will help your team find a more productive solution to this problem.

thanks and gl.

[jonlepage]

just test in insider, and still not work.

[jonlepage]

@mjbvz
ok i found more information, i don't know why this is in typescript.
this should not be close, it not solved for js project.
#13033

[mjbvz]

Thanks @djmisterjon. I confirmed this with TypeScript 3.6.0-dev.20190626 using your simple example

[fatcerberus]

@djmisterjon The issue was moved to the typescript repo because the TS language service handles the IntelliSense for TS and JS projects in VSCode.

[jonlepage]

for now , alternative it use eval in dev :)
example:

var fs = eval("require('fs')");

will not break intellisense.
thanks for help or other suggest.