Botpress项目调试问题：Chrome DevTools仅显示单个文件

我之前调试Botpress项目时也碰到过一模一样的情况，DevTools里看不到完整的项目文件，给你几个实用的解决方法，帮你调出src/actions.js、src/index.js和src/renderers.js这几个目标文件：

• 检查Sources面板的隐藏打包目录
  Botpress基本都是用webpack打包的，原始源码经常会藏在webpack://或者(webpack)/src这类路径下。你可以展开Sources面板里的这些节点，找到./src子目录，你的三个目标文件大概率就在这里。如果还是找不到，试试切换到Sources面板的「Filesystem」标签，添加你的项目根目录，授权Chrome访问后就能直接浏览所有项目文件了。

• 确认Source Map配置正确
  完整的source map是DevTools映射到原始源码的核心。你需要检查项目的webpack或Botpress配置文件（比如webpack.config.js或botpress.config.js），确保devtool选项设置为eval-source-map或source-map——如果当前是cheap-module-source-map或none，修改后重启调试服务，就能让DevTools正确识别你的源码文件。

• 强制刷新并清除DevTools缓存
  有时候DevTools会缓存旧的文件列表，导致新文件不显示。你可以按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，同时打开DevTools设置（右上角三个点→Settings），在「Network」选项里勾选「Disable cache (while DevTools is open)」，再重新加载项目。

• 确保用开发模式启动Botpress
  一定要用npm run dev或yarn dev这类开发命令启动项目，生产构建后的版本会压缩源码，甚至移除source map，自然看不到完整的原始文件。

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