google-chrome - VS Code + Chrome 调试 + nrwl 架构

Question

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

https://nx.dev/angular

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

谢谢你的帮助！

Answer 1

实际上设置root有一个缺点：“”，

1. nx dep-graph 变得混乱并显示对错误应用程序的依赖关系。
2. nx g move --project folder/ 感到困惑并说一个或多个项目具有相同的根目录。

我推断这不是解决这个问题的最佳方法。

Answer 2

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

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

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