Using imported modules in the VSCode debug console

[Christilut]

Bug Report

When using the VSCode Debug Console when the execution is paused, I get this for everything that is imported:
Uncaught ReferenceError: Foo is not defined

This is on a simple piece of code like this:

import Foo from 'foo'

Foo.bar()

When I run this in the debug console: Foo.bar()

I can work around it in the debug console like this:
_Foo.Foo.bar()

In the closure scope, all the imported modules are shown and that's where I got the _Foo from.

Seems like when running Typescript, this should just work in the debug console?

🔎 Search Terms

"debug console"

🕗 Version & Regression Information

Node 12.20.1
VSCode 1.54.1
Typescript 4.1.2

💻 Code

Tsconfig:

{
  "compilerOptions": {
    "target": "ES2019",
    "module": "commonjs",
    "strict": true,
    "outDir": "dist",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strictPropertyInitialization": false,
    "strictNullChecks": false,
    "noImplicitAny": false,
    "sourceMap": true,
    "baseUrl": ".",
    "paths": {
      "*": [
        "node_modules/*"
      ]
    },
    "lib": [
      "dom"
    ]
  },
  "include": [
    "src/**/*",
    "tests/**/*.test.ts"
  ],
  "exclude": [
    "snippets/**/*"
  ]
}

🙁 Actual behavior

Getting an error in the debug console when copy pasting a piece of source code with imported module that should be able to run as is.

🙂 Expected behavior

Every piece of source code where the debugger is currently paused, should be runnable in the debug console.

[Christilut]

This issue is reported here as well, but it might be more Typescript related.

[IllusionMH]

See existing microsoft/vscode#12066 and #9627

[typescript-bot]

This issue has been marked as 'External' and has seen no recent activity. It has been automatically closed for house-keeping purposes.