Chrome 与“ws://localhost:4200/ng-cli-ws”的Angular WebSocket连接失败

flvlnr44  于 2023-03-06  发布在  Go
关注(0)|答案(1)|浏览(327)

我正在做一个Angular项目,但是live reload非常不可靠,运行ng serve之后,live reload正常工作了一分钟左右,但是之后就停止工作了,我在Chrome WebSocket connection to 'ws://localhost:4200/ng-cli-ws' failed:中得到了这些错误,还有一个[webpack-dev-derver] error对象,如下所示

Event {
isTrusted: true,
bubbles: false,
cancelBubble: false,
cancelable: false,
composed: false,
currentTarget: WebSocket {__zone_symbol__errorfalse: Array(1), __zone_symbol__openfalse: Array(1), __zone_symbol__ON_PROPERTYerror: ƒ, __zone_symbol__ON_PROPERTYopen: ƒ, __zone_symbol__ON_PROPERTYclose: ƒ, …},
defaultPrevented: false,
eventPhase: 0,
returnValue: true,
srcElement: WebSocket {__zone_symbol__errorfalse: Array(1), __zone_symbol__openfalse: Array(1), __zone_symbol__ON_PROPERTYerror: ƒ, __zone_symbol__ON_PROPERTYopen: ƒ, __zone_symbol__ON_PROPERTYclose: ƒ, …},
target: WebSocket {__zone_symbol__errorfalse: Array(1), __zone_symbol__openfalse: Array(1), __zone_symbol__ON_PROPERTYerror: ƒ, __zone_symbol__ON_PROPERTYopen: ƒ, __zone_symbol__ON_PROPERTYclose: ƒ, …},
timeStamp: 50222.70000000298,
type: error",
[[Prototype]]: Event

下面是我的package.json文件

{
  "name": "wave-frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^15.1.1",
    "@angular/cdk": "^15.1.1",
    "@angular/common": "^15.1.1",
    "@angular/compiler": "^15.1.1",
    "@angular/core": "^15.1.1",
    "@angular/forms": "^15.1.1",
    "@angular/localize": "^15.1.1",
    "@angular/material": "^15.1.1",
    "@angular/platform-browser": "^15.1.1",
    "@angular/platform-browser-dynamic": "^15.1.1",
    "@angular/platform-server": "^15.1.1",
    "@angular/router": "^15.1.1",
    "rxjs": "~7.5.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^15.1.2",
    "@angular-eslint/builder": "15.2.0",
    "@angular-eslint/eslint-plugin": "15.2.0",
    "@angular-eslint/eslint-plugin-template": "15.2.0",
    "@angular-eslint/schematics": "15.2.0",
    "@angular-eslint/template-parser": "15.2.0",
    "@angular/cli": "~15.1.2",
    "@angular/compiler-cli": "^15.1.1",
    "@types/jasmine": "~4.0.0",
    "jasmine-core": "~4.1.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.9.4"
  }
}

刷新页面会把我带到ERR_CONNECTION_REFUSED屏幕。我不知道该怎么解决这个问题,当我不知道对代码所做的更改是否不起作用或者实时重载是否再次中断时,它会使在本地环境中进行开发变得非常困难。还有其他人遇到过这个问题吗?如果能提供任何帮助,我将不胜感激。

lskq00tm

lskq00tm1#

有相同的问题,能够通过从angular.json

中删除publicHost来修复它

相关问题