VS Code + Chrome 调试 + nrwl 架构

Question

您是否能够在使用 nx.dev 开发的 chrome 中调试应用程序？

https://nx.dev/angular

看起来当您选择 NX 时，您就失去了调试功能。生成的 .map.js 文件包含源文件的相对路径，但缺少文件所在的两个初始目录，因此安装在 vs-code 中的 chrome 调试器无法绑定断点。

谢谢你的帮助！

Answer 1

对我有用的是，您需要在 angular.json 中将项目的“root”属性设置为空字符串。

 "catalog": {
      "projectType": "application",
      "schematics": {
        "@nrwl/angular:component": {
          "style": "scss"
        }
      },
      "root": "",
      "sourceRoot": "apps/catalog/catalog/src",

但请注意，这可能会破坏其他功能