讲师中心 微信公众号
AI工具推荐 视频效率加速

基于VSCode的Node项目采用TS-Node与Path-Mapping联合调试

阿瑶君_5841

阿瑶君_5841

发布时间:2026-07-01 09:16:59

|

821人浏览过

|

来源于php中文网

原创

program字段不能写.ts路径,必须指向可执行JS文件或ts-node二进制(如node_modules/.bin/ts-node),再通过args传.ts入口,并配runtimeArgs启用ts-node及--inspect-brk。

基于vscode的node项目采用ts-node与path-mapping联合调试

launch.json 里 program 字段不能写 .ts 文件路径

VSCode 的 node 调试器原生只认 JavaScript,program 必须指向可执行的 JS 入口(如 dist/index.js)或 ts-node 的启动脚本。直接写 "program": "${workspaceFolder}/src/index.ts" 会导致调试器静默失败——它不会报错,但断点永远不命中。

正确做法是用 runtimeArgs 驱动 ts-node,把 program 指向 ts-node 自身的 bin 文件:

  • program 设为 "${workspaceFolder}/node_modules/ts-node/dist/bin.js"(v10+)或 "${workspaceFolder}/node_modules/.bin/ts-node"(注意:Windows 下是 ts-node.cmd)
  • args 放真正的 TS 入口,例如 ["${workspaceFolder}/src/index.ts"]
  • 必须加 "runtimeArgs": ["--esm"](如果 package.json 有 "type": "module"),否则会报 ERR_UNKNOWN_FILE_EXTENSION ".ts"

path-mapping(别名)在调试时失效的根源

TS 的 paths 配置(如 "@/*": ["src/*"])只在编译期被 tsc 或 ts-node 解析,而 VSCode 调试器本身不参与路径解析。断点打在 import { foo } from "@/utils" 对应的 src/utils/index.ts 上,但调试器实际加载的是 node_modules/ts-node/dist-xxx/... 内部路径,source map 映射链就断了。

解决方案不是“关掉 paths”,而是让 source map 显式覆盖别名路径:

  • 确保 tsconfig.json 启用 "sourceMap": true 和 "baseUrl": "."
  • 在 launch.json 中加 "resolveSourceMapLocations": ["${workspaceFolder}/src/**", "!**/node_modules/**"]
  • 若使用 tsconfig-paths,需额外在 runtimeArgs 中加入 -r tsconfig-paths/register

ts-node + ESM 项目调试必开的两个开关

Node ≥ 18 默认启用 ESM,但 ts-node 的 ESM 支持仍不稳定。常见现象:断点生效但变量值显示 undefined、this 指向错误、模块导入失败。

Rydberg Agent Node
Rydberg Agent Node

使用一条命令部署ProbeChain Rydberg测试网代理节点。自动注册为Agent(NodeType=1),免gas,支持macOS/Linux/Windows。触发词:/r

下载

必须同时满足以下条件:

  • package.json 中保留 "type": "module"(删掉它虽能绕过,但破坏项目一致性)
  • launch.json 的 runtimeArgs 包含 --experimental-specifier-resolution=node 和 --loader ts-node/esm
  • tsconfig.json 的 "module" 设为 "ESNext",且 "moduleResolution" 为 "Bundler"(非 "Node")

漏掉任一,ts-node 就无法正确解析 import 或生成可用的 source map。

调试器连不上 ts-node 进程?检查 --inspect 参数位置

ts-node 默认不开启 inspector,仅靠 runtimeArgs: ["-r", "ts-node/register"] 不足以启用调试协议。VSCode 会尝试连接一个根本不存在的调试端口,表现为“正在连接…”后超时。

正确写法是把 --inspect-brk 放在 runtimeArgs 最前面,并确保它作用于 node 进程本身:

  • ✅ 正确:"runtimeArgs": ["--inspect-brk=9229", "-r", "ts-node/register"]
  • ❌ 错误:"args": ["--inspect-brk=9229", "src/index.ts"](这是传给 ts-node 的参数,不是 node 的)
  • 端口号建议固定(如 9229),避免每次随机,方便 attach 或配合 Docker 使用

如果用了 nodemon,还要确认它的 --inspect-brk 是传给子进程的,不是 nodemon 自己——得用 nodemon --exec node --inspect-brk=9229 -r ts-node/register src/index.ts 这类结构。

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

570

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

323

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

513

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

283

2025.11.27

vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

1355

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2872

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1969

2024.03.14

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

1727

2024.03.14

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

0

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn