我们的应用程序是用 TypeScript 编写的并使用 Docker,为了避免往返 .js 文件,我们使用ts-node运行它以直接加载 .ts 文件。
不幸的是,这似乎让 VSCode 对设置断点的有效代码行感到困惑。
此问题体现在以下设置中:
/package.json
{
"scripts": {
"start": "node --inspect=0.0.0.0 --require ts-node/register src/index.ts"
},
"dependencies": {
"@types/node": "^10.1.2",
"ts-node": "^6.0.3",
"typescript": "^2.8.3"
}
}
/tsconfig.json
{
"compilerOptions": {
"target": "ES2017",
"module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"esModuleInterop": true
}
}
/Dockerfile
FROM node
RUN mkdir /home/node/app
WORKDIR /home/node/app
COPY package.json /home/node/app
RUN npm install && npm cache clean --force
COPY . /home/node/app
CMD [ "npm", "start" ]
/docker-compose.yml
version: "3.4"
services:
http:
build: .
ports:
- "8000:8000"
- "9229:9229"
/.vscode/launch.json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach",
"address": "localhost",
"port": 9229,
"protocol": "inspector",
"localRoot": "${workspaceFolder}/src",
"remoteRoot": "/home/node/app/src"
}
]
}
/src/index.ts
import {createServer} from "http";
const server = createServer((msg, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'})
res.end(msg.url)
debugger
})
server.listen(8000)
(由于我稍后将说明的原因,空白行很重要,其中大约有十个可以完成这项工作。)
你也可以在这里获取全部内容:https ://github.com/millimoose/ts-node-breakpoints
我使用 运行它docker-compose --up
,然后使用上面的启动配置使用调试器附加到它。当我尝试在调用/src/index.ts
内的任何行上设置断点时createServer()
,它们被报告为无效;而我可以在空行中设置断点。这大概是因为 TypeScript 编译去掉了空白行,并且出于某种原因,VSCode 只会将生成的 JS 中的行号识别为有效:
这是一个易于复制的人为示例,但总的来说,我认为设置断点的位置与实际设置的位置之间存在不匹配。
但是,当我中断该debugger
语句时,VSCode 从服务器获取 TypeScript 文件(该选项卡在新打开时显示“从源映射只读内联”行),然后我可以在其中正确设置断点:
这是一个令人不满意的情况,原因我不应该解释:兼顾我可以编辑的本地文件和断点工作的远程文件是一件麻烦事,并且添加debugger
语句将涉及每次我需要新断点时重新加载应用程序。
我已经搜索了这个问题,但这些关键字给了我至少十个冗长的 GitHub 问题,这些问题可以追溯到几年前。由于我对 ts-node、transpilation 和 sourcemaps 的内部结构并不十分熟悉,因此我很难理解这里发生了什么,更不用说如何修复它了。据我了解,发生的情况是 ts-node 将 TS 编译为 JS 并在 Docker 容器内的临时文件中生成源映射,而 VSCode 无法访问它们。(这就是为什么我不知道如何设置 eg 的原因outFiles
。)如果在已关闭的问题中正确设置,也有一些暗示已经支持我的场景,但不知道如何设置。
有没有办法让它工作,这样我就可以在远程调试时在我的本地源中设置一个断点,并让它们在所述文件中命中,而不必恢复到将 TS 预编译为 JS 和源映射,所以我有后者可用本地?