Transitioning to Nx fails when current Angular repo has Cypress installed

Current Behavior

When I try to migrate existing Angular 13 project which has Cypress e2e tests, I see the below error

Make sure the testproject.architect.e2e.options.protractorConfig is valid or the testproject project is removed from angular.json.
An e2e project was specified but undefined could not be found.
Your workspace could not be converted into an Nx Workspace because of the above error.
An e2e project was specified but undefined could not be found.

Expected Behavior

The migration should work as expected

Steps to Reproduce

1. Create new Angular project through Angular CLi
2. Add Cypress to it
3. Then try to migrate the project with command ng add @nrwl/workspace or ng add @nrwl/workspace --preserveAngularCLILayout

angular.json

        "e2e": {
          "builder": "@cypress/schematic:cypress",
          "options": {
            "devServerTarget": "testproject:serve",
            "watch": true,
            "headless": true,
            "browser": "chrome"
          },
          "configurations": {
            "production": {
              "devServerTarget": "testproject:serve:production"
            }
          }
        },

and folder structure looks like below

Failure Logs

Make sure the testproject.architect.e2e.options.protractorConfig is valid or the testproject project is removed from angular.json.
An e2e project was specified but undefined could not be found.
Your workspace could not be converted into an Nx Workspace because of the above error.
An e2e project was specified but undefined could not be found.

Environment

>  NX  Report complete - copy this into the issue template

  Node : 16.13.1
  OS   : darwin x64
  npm  : 8.1.2
  
  nx : 13.1.3
  @nrwl/angular : undefined
  @nrwl/cli : 13.4.3
  @nrwl/cypress : undefined
  @nrwl/devkit : 13.1.3
  @nrwl/eslint-plugin-nx : undefined
  @nrwl/express : undefined
  @nrwl/jest : 13.4.3
  @nrwl/linter : 13.4.3
  @nrwl/nest : undefined
  @nrwl/next : undefined
  @nrwl/node : undefined
  @nrwl/nx-cloud : undefined
  @nrwl/react : undefined
  @nrwl/react-native : undefined
  @nrwl/schematics : undefined
  @nrwl/tao : 13.1.3
  @nrwl/web : undefined
  @nrwl/workspace : 13.4.3
  @nrwl/storybook : undefined
  @nrwl/gatsby : undefined
  typescript : 4.5.4
  rxjs : 7.4.0
  ---------------------------------------
  Community plugins:
         @angular/animations: 13.1.1
         @angular/cdk: 13.1.1
         @angular/common: 13.1.1
         @angular/compiler: 13.1.1
         @angular/core: 13.1.1
         @angular/forms: 13.1.1
         @angular/material: 13.1.1
         @angular/platform-browser: 13.1.1
         @angular/platform-browser-dynamic: 13.1.1
         @angular/platform-server: 13.1.1
         @angular/router: 13.1.1
         @datorama/akita: 7.0.1
         @angular-devkit/build-angular: 13.1.2
         @angular-eslint/builder: 13.0.1
         @angular-eslint/schematics: 13.0.1
         @angular/cli: 13.1.2
         @angular/compiler-cli: 13.1.1
         @cypress/schematic: 1.6.0

[leosvelperez]

This was fixed on https://github.com/nrwl/nx/pull/9105 and it will be released in an upcoming version.

[johnbwoodruff]

There is a workaround to this. In your angular.json file, remove the e2e block of configuration and save the file. Then, run the ng add @nrwl/workspace command. It will complete the migration successfully. You can then add the e2e block back in and make any changes necessary with the newly converted project.

The problem here is that none of the cypress migrations are performed and you will have to perform those manually. See the manual instructions on how to do this.