Ubuntu22.04下Nx15/16+NestJS无法在Chrome中调试的问题求助

步骤1：确认项目sourceMap配置 #

打开apps/my-nest-app/project.json，找到serve目标的配置，确保options中包含"sourceMap": true：

"serve": {
  "executor": "@nx/nest:serve",
  "options": {
    "buildTarget": "my-nest-app:build",
    "sourceMap": true
  },
  ...
}

如果没有该配置项，手动添加进去即可。

步骤2：配置webpack的source map（可选但推荐） #

在apps/my-nest-app目录下创建webpack.config.js文件，添加以下内容：

module.exports = (config) => {
  config.devtool = 'eval-source-map'; // 开发环境下该选项生成source map速度更快，源码映射更准确
  return config;
};

步骤3：重启开发服务 #

停止当前运行的nx serve my-nest-app命令，重新执行该命令，确保新配置生效。

步骤4：在Chrome中查看源码 #

1. 打开Chrome调试面板（按F12），切换到Sources标签页。
2. 展开左侧目录树中的webpack:// -> . -> apps/my-nest-app/src，即可看到项目的源代码文件。
3. 如果仍无法看到，右键调试面板空白区域，确认Enable JavaScript source maps和Enable CSS source maps已勾选。

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