open-ct launches browser with Cannot GET /__/ error message

[thomashoef]

Current behavior

We have set up our project as described in the README. Yet, when launching cypress open-ct, the browser opens with an error message.

This is the output of the console:

$ npx cypress open-ct

←[34mi←[39m ←[90m´¢ówds´¢ú←[39m: Project is running at http://localhost:58511/webpack-dev-server/
←[34mi←[39m ←[90m´¢ówds´¢ú←[39m: webpack output is served from /__cypress/src
←[34mi←[39m ←[90m´¢ówds´¢ú←[39m: Content not from webpack is served from C:\Users\Hoefkens\AppData\Local\git\einvoice\frontend
←[33mÔÇ╝←[39m ←[90m´¢ówdm´¢ú←[39m: assets by status ←[1m←[33m11.9 MiB←[39m←[22m ←[1m←[33m[big]←[39m←[22m
  asset ←[1m←[33mvendors-node_modules_cypress-angular-unit-test_dist_index_js.js←[39m←[22m ←[1m←[33m10.9 MiB←[39m←[22m ←[1m←[32m[emitted]←[39m←[22m ←[1m←[33m[big]←[39m←[22m (id hint: vendors)
  asset ←[1m←[33mvendors-node_modules_core-js_es_reflect_index_js-node_modules_cypress-angular-unit-test_support_js.js←[39m←[22m ←[1m←[33m1.02 MiB←[39m←[22m ←[1m←[32m[emitted]←[39m←[22m ←[1m←[33m[big]←[39m←[22m (id hint: vendors)
asset ←[1m←[32mmain.js←[39m←[22m 28.7 KiB ←[1m←[32m[emitted]←[39m←[22m (name: main)
asset ←[1m←[32mspec-0.js←[39m←[22m 15 KiB ←[1m←[32m[emitted]←[39m←[22m (name: spec-0)
asset ←[1m←[32mcypress_support_index_js.js←[39m←[22m 5.51 KiB ←[1m←[32m[emitted]←[39m←[22m
asset ←[1m←[32mindex.html←[39m←[22m 345 bytes ←[1m←[32m[emitted]←[39m←[22m
orphan modules 257 KiB ←[1m←[33m[orphan]←[39m←[22m 154 modules
runtime modules 6.09 KiB 10 modules
cacheable modules 3.46 MiB
  modules by path ←[1m./node_modules/core-js/←[39m←[22m 51.1 KiB 90 modules
  modules by path ←[1m./node_modules/rxjs/←[39m←[22m 69 KiB 47 modules
  modules by path ←[1m./node_modules/@angular/←[39m←[22m 2.99 MiB 9 modules
  modules by path ←[1m./node_modules/zone.js/dist/*.js←[39m←[22m 328 KiB 6 modules
  modules by path ←[1m./node_modules/@cypress/←[39m←[22m 5.81 KiB 4 modules
  modules by path ←[1m./src/app/←[39m←[22m 6.12 KiB 4 modules
  modules by path ←[1m./node_modules/cypress-angular-unit-test/←[39m←[22m 6.27 KiB 3 modules
  modules by path ←[1m./cypress/support/*.js←[39m←[22m 1.54 KiB
    ←[1m./cypress/support/index.js←[39m←[22m 741 bytes ←[1m←[33m[built]←[39m←[22m ←[1m←[33m[code generated]←[39m←[22m
    ←[1m./cypress/support/commands.js←[39m←[22m 838 bytes ←[1m←[33m[built]←[39m←[22m ←[1m←[33m[code generated]←[39m←[22m
  ←[1m./node_modules/tslib/tslib.es6.js←[39m←[22m 11.5 KiB ←[1m←[33m[built]←[39m←[22m ←[1m←[33m[code generated]←[39m←[22m
←[1m./node_modules/@angular/core/fesm2015/ lazy namespace object←[39m←[22m 160 bytes ←[1m←[33m[built]←[39m←[22m ←[1m←[33m[code generated]←[39m←[22m

←[1m←[33mWARNING←[39m←[22m in ←[1m./node_modules/@angular/core/fesm2015/core.js←[39m←[22m ←[1m←[32m29845:15-36←[39m←[22m
←[1mCritical dependency: the request of a dependency is an expression←[39m←[22m
 @ ./src/app/app.component.ts 1:1965-2002 1:2186-2195
 @ ./src/app/app.component.cy-spec.ts 1:2714-2756 1:2929-2941 1:2971-2983
 @ ./node_modules/@cypress/webpack-dev-server/dist/loader.js!./node_modules/@cypress/webpack-dev-server/dist/browser.js 5:16-145
 @ ./node_modules/@cypress/webpack-dev-server/dist/browser.js 3:4-41

←[1m←[33mWARNING←[39m←[22m in ←[1m./node_modules/@angular/core/fesm2015/core.js←[39m←[22m ←[1m←[32m29845:15-36←[39m←[22m
←[1mSystem.import() is ←[1m←[33mdeprecated←[39m←[22m←[1m and will be removed soon. ←[1m←[33mUse import() instead←[39m←[22m←[1m.
For more info visit https://webpack.js.org/guides/code-splitting/←[39m←[22m
 @ ./src/app/app.component.ts 1:1965-2002 1:2186-2195
 @ ./src/app/app.component.cy-spec.ts 1:2714-2756 1:2929-2941 1:2971-2983
 @ ./node_modules/@cypress/webpack-dev-server/dist/loader.js!./node_modules/@cypress/webpack-dev-server/dist/browser.js 5:16-145
 @ ./node_modules/@cypress/webpack-dev-server/dist/browser.js 3:4-41

←[1m←[33mWARNING←[39m←[22m in ←[1m./node_modules/@angular/core/fesm2015/core.js←[39m←[22m ←[1m←[32m29857:15-102←[39m←[22m
←[1mCritical dependency: the request of a dependency is an expression←[39m←[22m
 @ ./src/app/app.component.ts 1:1965-2002 1:2186-2195
 @ ./src/app/app.component.cy-spec.ts 1:2714-2756 1:2929-2941 1:2971-2983
 @ ./node_modules/@cypress/webpack-dev-server/dist/loader.js!./node_modules/@cypress/webpack-dev-server/dist/browser.js 5:16-145
 @ ./node_modules/@cypress/webpack-dev-server/dist/browser.js 3:4-41

←[1m←[33mWARNING←[39m←[22m in ←[1m./node_modules/@angular/core/fesm2015/core.js←[39m←[22m ←[1m←[32m29857:15-102←[39m←[22m
←[1mSystem.import() is ←[1m←[33mdeprecated←[39m←[22m←[1m and will be removed soon. ←[1m←[33mUse import() instead←[39m←[22m←[1m.
For more info visit https://webpack.js.org/guides/code-splitting/←[39m←[22m
 @ ./src/app/app.component.ts 1:1965-2002 1:2186-2195
 @ ./src/app/app.component.cy-spec.ts 1:2714-2756 1:2929-2941 1:2971-2983
 @ ./node_modules/@cypress/webpack-dev-server/dist/loader.js!./node_modules/@cypress/webpack-dev-server/dist/browser.js 5:16-145
 @ ./node_modules/@cypress/webpack-dev-server/dist/browser.js 3:4-41

←[1m←[33mWARNING←[39m←[22m in ←[1mDefinePlugin
←[1m←[31mConflicting←[39m←[22m←[1m values for 'process.env.NODE_ENV'←[39m←[22m

←[1m←[33m1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)←[39m←[22m

3 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.50.0 compiled with ←[1m←[33m6 warnings←[39m←[22m in 12680 ms
←[34mi←[39m ←[90m´¢ówdm´¢ú←[39m: Compiled with warnings.

Versions

  "dependencies": {
    "@angular-material-components/datetime-picker": "^6.0.3",
    "@angular/animations": "~12.2.0",
    "@angular/cdk": "^12.2.3",
    "@angular/common": "~12.2.0",
    "@angular/compiler": "~12.2.0",
    "@angular/core": "~12.2.0",
    "@angular/forms": "~12.2.0",
    "@angular/material": "~12.2.3",
    "@angular/material-moment-adapter": "^12.2.4",
    "@angular/platform-browser": "~12.2.0",
    "@angular/platform-browser-dynamic": "~12.2.0",
    "@angular/router": "~12.2.0",
    "@angular/service-worker": "~12.2.0",
    "angular-split": "^5.0.0",
    "c": "^1.1.1",
    "moment": "^2.29.1",
    "ngx-extended-pdf-viewer": "^10.0.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.2.2",
    "@angular/cli": "~12.2.2",
    "@angular/compiler-cli": "~12.2.0",
    "@cypress/webpack-dev-server": "^1.6.0",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "angular2-template-loader": "^0.6.2",
    "concurrently": "^6.2.1",
    "core-js": "^3.18.1",
    "css-loader": "^6.3.0",
    "cypress": "^8.5.0",
    "cypress-angular-unit-test": "^3.9.0",
    "html-loader": "^2.1.2",
    "html-webpack-plugin": "^5.3.2",
    "istanbul-instrumenter-loader": "^3.0.1",
    "jasmine-core": "~3.8.0",
    "json-server": "^0.16.3",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "raw-loader": "^4.0.2",
    "sass-loader": "^12.1.0",
    "start-server-and-test": "^1.14.0",
    "to-string-loader": "^1.1.6",
    "ts-loader": "^9.2.6",
    "typescript": "~4.3.5"
  }