VSCode 无法检查 Typescript 调试器自动附加中的变量

问题描述 投票:0回答:1

我正在使用 YARN 在 Typescript 中开发一个项目,

我在 Windows 上运行,vscode 连接到 WSL。 (我已经运行

code .
打开我的项目)。我的项目直接位于我的 WSL 分区上。

我已将 vscode 设置为自动附加(智能)。

当我在代码中放置断点时,我可以到达断点,但我无法检查我的变量(似乎它们都未定义),即使我在 WATCH 面板中键入变量,我的变量的值是:

Uncaught ReferenceError: VARIABLE_NAME is not defined
.

这是有关我的配置的一些信息:

tsconfig.json

{
    "compilerOptions": {
        "rootDir": "./src",
        "outDir": "./dist",
        "baseUrl": "./src",
        "module": "commonjs",
        "target": "es6",
        "lib": ["es6", "dom", "esnext"],
        "moduleResolution": "node",
        "sourceMap": true,
        "declaration": true,
        "declarationMap": true,
        "noImplicitAny": true,
        "noUnusedLocals": true,
        "noImplicitThis": true,
        "strictNullChecks": true,
        "noImplicitReturns": true,
        "preserveConstEnums": true,
        "esModuleInterop": true,
        "resolveJsonModule": true,
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true
    },
    "include": ["**/*.ts"],
    "exclude": ["dist", "node_modules"]
}

这是我构建项目的方式:

esbuild src/index.ts --outfile=dist/index.js --bundle --platform=node --packages=external --minify --sourcemap --tsconfig=./tsconfig.json
typescript breakpoints vscode-debugger
1个回答
0
投票

问题是 esbuild 命令中用于构建我的项目的

--minify
选项。

所以我为开发创建了一个没有 minify 选项的构建命令:

esbuild src/index.ts --outfile=dist/index.js --bundle --platform=node --packages=external --sourcemap --tsconfig=./tsconfig.json

现在我可以检查变量的值了。

© www.soinside.com 2019 - 2024. All rights reserved.