Angular Component Testing Not Working "Cannot GET /__cypress/src/index.html"

Current behavior

When I try and run a component test with Angular I am getting this on the test runner “Cannot GET /__cypress/src/index.html”:

Along with this in the console:

Desired behavior

It should just load the Dashboard Component and nothing else atm.

Test code to reproduce

This is the spec file contents:

import { DashboardComponent } from "src/app/home/components/dashboard.component"

describe('ComponentName.cy.ts', () => {
  it('Test', () => {
     cy.mount(DashboardComponent)
  })
})

Cypress Version

10.6.0

Node version

v16.14.0

Operating System

Win10

Debug Logs

No response

Other

Cypress is installed inside the ClientApp folder of our Angular application Angular versions:

[vrknetha]

I do get the same issue when mounting a component.

import {SelectComponent} from './select.component';
import {SelectModule} from './select.module';

describe('Data plane setup component', () => {
  it('mount', () => {
    cy.mount(SelectComponent, {
      imports: [SelectModule]
    })
  })
})

Cypress Version: 10.6 Angular

"@angular/cli": "~13.2.5",
"@angular/compiler-cli": "13.3.2",

[bahmutov]

Same when trying to write a component test in this repo https://gitlab.com/winni/angular-sudoku - throws types errors and 404