使用mocha --inspect-brk调试时无法查看自有代码的问题求助

Hey，我刚好碰到过这个调试Mocha测试时看不到自有代码的问题，不用额外装node-inspector这类工具就能解决，给你几个实用的办法：

1. 先确认路径与代码引入是否正确 #

先检查你执行的命令里测试文件的路径是否准确，比如mocha --inspect-brk ./tests/foo.test.js中的./tests/foo.test.js是否确实存在，同时确保你的被测代码已经在测试文件里正确引入了——如果测试文件都没关联到你的代码，调试器自然找不到它。

2. 在Chrome DevTools中手动挂载项目目录 #

当你打开Chrome的调试器URL后：

• 切换到Sources面板
• 点击左侧边栏的文件夹图标（标注为Add folder to workspace），选择你的项目根目录
• 允许Chrome访问该文件夹的权限
• 完成后，你就能在左侧的文件列表里找到自己的项目代码了，直接在需要调试的行打断点即可。

3. 加上--no-timeouts参数防止调试超时 #

Mocha默认有测试超时限制，调试过程中很可能还没操作完就触发超时导致测试终止。执行命令时加上这个参数，就能避免这个问题：

mocha --inspect-brk --no-timeouts ./tests/foo.test.js

4. 适配ES模块代码（如果用了import/export） #

如果你的被测代码或测试文件用的是ES模块语法（而非CommonJS的require），Mocha默认可能无法正确解析，导致调试器找不到代码。可以这样配置：

• 在项目根目录创建.mocharc.json文件，添加以下内容（如果是TypeScript项目用ts-node/esm，纯JS项目可以用@babel/esm）：

{
  "loader": "ts-node/esm"
}

或者直接在命令里指定loader：

mocha --inspect-brk --loader=ts-node/esm ./tests/foo.test.js

5. 直接在代码中插入debugger语句 #

这是最直接的办法，在你的foo.test.js或者被测代码的目标位置加上debugger;语句，然后执行调试命令。当Chrome调试器启动后，代码会自动停在debugger语句处，这时候你就能看到自己的代码并进行调试了。

内容的提问来源于stack exchange，提问作者gcbenison