VS代码+ Chrome调试+ nrwl结构

Question

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

https://nx.dev/angular

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

​

​

谢谢你的帮助！

Answer 1

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

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

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

Answer 2

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

1. nx dep图会混淆并显示对错误应用的依赖关系。
2. nx移动-项目文件夹/变得混乱，并表示一个或多个项目具有相同的根。

。

我推断这不是解决这个问题的最好办法。