Angular CT in Nx monorepo fails when interpreting `angular.json`

Current behavior

When trying to implement component testing in our monorepo I get the error:

TypeError
Your configFile threw an error from: cypress.config.ts

We stopped running your tests because your config file crashed.

..\..\..\..\Users\me\AppData\Local\Cypress\Cache\10.10.0\Cypress\resources\app\node_modules\@packages\server\node_modules\@cypress\webpack-dev-server\dist\helpers\angularHandler.js:27:61
  25 |         root,
  26 |         sourceRoot,
> 27 |         buildOptions: Object.assign(Object.assign({}, build.options), ((_a = build.configurations) === null || _a === void 0 ? void 0 : _a.development) || {}),
     |                                                             ^
  28 |     };
  29 | }
  30 | exports.getProjectConfig = getProjectConfig;
  31 | function getAngularBuildOptions(buildOptions, tsConfig) {

We use Nx (14.6.3) to manage our Angular (14.0.1) repo and test with Cypress (10.10.0) through Storybook. The angular.json config the error originates from is generated by the @nrwl/cypress@14.6.3 generator. This means any apps/foo-e2e is configured in angular.json without the foo-e2e/architect/build object (which is what is being destructured in angularHandler.js:23).

Desired behavior

I presume we should be able to use both component testing and regular e2e testing.

Test code to reproduce

Generate an application through Nx with Cypress tests and try to run component testing.

Cypress Version

10.10.0

Node version

16.17.0

Operating System

Windows

Debug Logs

No response

Other

No response

[ChristofFritz]

I’ll assemble a minimal example tomorrow

[ChristofFritz]

But what we have is: Multiple angular projects in one. So I set the sourceRoot in the devServer options in the cypress.config.ts to the “newProjectRoot” of the angular.json and now it seems to work.