VS Code + Chrome debug + nrwl architecture VS Code + Chrome debug + nrwl architecture google-chrome google-chrome

VS Code + Chrome debug + nrwl architecture


Actually there is a downside to setting root:"",

  1. nx dep-graph gets confused and shows dependencies to the wrong app.
  2. nx g move --project folder/ gets confused and says one or more projects have the same root.

I deduce this is not the best way to solve this problem.


What worked for me, is that you need to set in your angular.json the "root" property of your project to an empty string.

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

But be aware, this can break other functionalities