Title: webpack-dev-server can't connect to websocket url on nodejs 18+ · Issue #25185 · angular/angular-cli · GitHub
Open Graph Title: webpack-dev-server can't connect to websocket url on nodejs 18+ · Issue #25185 · angular/angular-cli
X Title: webpack-dev-server can't connect to websocket url on nodejs 18+ · Issue #25185 · angular/angular-cli
Description: Command serve Is this a regression? Yes, this behavior used to work in the previous version The previous version in which this bug was not present was Nodejs version 16.19.0 Description After updating NodeJS to version 18 (or higher), th...
Open Graph Description: Command serve Is this a regression? Yes, this behavior used to work in the previous version The previous version in which this bug was not present was Nodejs version 16.19.0 Description After updat...
X Description: Command serve Is this a regression? Yes, this behavior used to work in the previous version The previous version in which this bug was not present was Nodejs version 16.19.0 Description After updat...
Opengraph URL: https://github.com/angular/angular-cli/issues/25185
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"webpack-dev-server can't connect to websocket url on nodejs 18+","articleBody":"### Command\n\nserve\n\n### Is this a regression?\n\n- [X] Yes, this behavior used to work in the previous version\n\n### The previous version in which this bug was not present was\n\nNodejs version 16.19.0\n\n### Description\n\nAfter updating NodeJS to version 18 (or higher), the websocket for live-reloading can't connect anymore.\r\n\"WebSocket connection to 'wss://EX021927.examplecompany.com:4200/CRM/ng-cli-ws' failed\"\r\nI did not change anything else inside the project after updating the nodejs version.\n\n### Minimal Reproduction\n\nPackage.json run script:\r\n`\"ng serve --host=\\\"EX021927.examplecompany.com\\\" --public-host \\\"https://EX021927.examplecompany.com:4200\\\" --configuration=example\"`\r\n\r\nangular.json:\r\n```\r\n\"architect\": {\r\n \"build\": {\r\n \"builder\": \"@angular-devkit/build-angular:browser\",\r\n \"options\": {\r\n \"baseHref\": \"/CRM/\",\r\n \"deployUrl\": \"/CRM/\",\r\n \"outputPath\": \"dist/CRM\",\r\n ...\r\n }\r\n }\r\n},\r\n\"configurations\": {\r\n \"example\": {\r\n \"fileReplacements\": [\r\n\t {\r\n \"replace\": \"src/environments/environment.ts\",\r\n\t\t\"with\": \"src/environments/environment.example.ts\"\r\n }\r\n\t],\r\n\t\"buildOptimizer\": false,\r\n\t\"optimization\": false,\r\n\t\"vendorChunk\": false,\r\n\t\"extractLicenses\": false,\r\n\t\"sourceMap\": true,\r\n\t\"namedChunks\": true,\r\n\t\"outputHashing\": \"none\"\r\n }\r\n}```\r\n\r\nI open the site with \"https://EX021927.examplecompany.com/CRM\" (no :4200), since I'm also running IIS on port 443 with the url rewrite module active, where /CRM/* gets rewritten to :4200/CMR/*.\n\n### Exception or Error\n\n```text\nWebSocket connection to 'wss://EX021927.examplecompany.com:4200/CRM/ng-cli-ws' failed\n```\n\n\n### Your Environment\n\n```text\nWorking version:\r\nAngular CLI: 15.2.7\r\nNode: 16.19.0\r\nPackage Manager: npm 8.19.3\r\nOS: win32 x64\r\n\r\nAngular: 15.2.8\r\n... animations, common, compiler, compiler-cli, core, forms\r\n... localize, platform-browser, platform-browser-dynamic, router\r\n\r\nPackage Version\r\n---------------------------------------------------------\r\n@angular-devkit/architect 0.1502.7\r\n@angular-devkit/build-angular 15.2.7\r\n@angular-devkit/core 15.2.7\r\n@angular-devkit/schematics 15.2.7\r\n@angular/cli 15.2.7\r\n@schematics/angular 15.2.7\r\nrxjs 7.8.1\r\ntypescript 4.9.5\r\n\r\n\r\nBroken version:\r\nAngular CLI: 15.2.7\r\nNode: 18.16.0\r\nPackage Manager: npm 9.5.1\r\nOS: win32 x64\r\n\r\nAngular: 15.2.8\r\n... animations, common, compiler, compiler-cli, core, forms\r\n... localize, platform-browser, platform-browser-dynamic, router\r\n\r\nPackage Version\r\n---------------------------------------------------------\r\n@angular-devkit/architect 0.1502.7\r\n@angular-devkit/build-angular 15.2.7\r\n@angular-devkit/core 15.2.7\r\n@angular-devkit/schematics 15.2.7\r\n@angular/cli 15.2.7\r\n@schematics/angular 15.2.7\r\nrxjs 7.8.1\r\ntypescript 4.9.5\n```\n\n\n### Anything else relevant?\n\n_No response_","author":{"url":"https://github.com/aldrashan","@type":"Person","name":"aldrashan"},"datePublished":"2023-05-11T06:47:23.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/25185/angular-cli/issues/25185"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:d2b060a4-8803-1b81-fd16-52dce196a505 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | A11A:238893:E9FE0:1475CB:696A5A64 |
| html-safe-nonce | 64cb11f8b3b5bf395df86e5386ccab04975260fcc8bd3f58179c17acf15897e9 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBMTFBOjIzODg5MzpFOUZFMDoxNDc1Q0I6Njk2QTVBNjQiLCJ2aXNpdG9yX2lkIjoiNTYzODMzODEzNjI5NTIzNDE0OCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 0bfc451a3afaf4a0a94fec517a2d17d325590468e315ebe4dcc002b4305fde27 |
| hovercard-subject-tag | issue:1705176262 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/angular/angular-cli/25185/issue_layout |
| twitter:image | https://opengraph.githubassets.com/377572ba0f5155cf8b66f226984cf357f59a8fcc4bedc4dca33374262fa9d364/angular/angular-cli/issues/25185 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/377572ba0f5155cf8b66f226984cf357f59a8fcc4bedc4dca33374262fa9d364/angular/angular-cli/issues/25185 |
| og:image:alt | Command serve Is this a regression? Yes, this behavior used to work in the previous version The previous version in which this bug was not present was Nodejs version 16.19.0 Description After updat... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | aldrashan |
| hostname | github.com |
| expected-hostname | github.com |
| None | 3f871c8e07f0ae1886fa8dac284166d28b09ad5bada6476fc10b674e489788ef |
| turbo-cache-control | no-preview |
| go-import | github.com/angular/angular-cli git https://github.com/angular/angular-cli.git |
| octolytics-dimension-user_id | 139426 |
| octolytics-dimension-user_login | angular |
| octolytics-dimension-repository_id | 36891867 |
| octolytics-dimension-repository_nwo | angular/angular-cli |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 36891867 |
| octolytics-dimension-repository_network_root_nwo | angular/angular-cli |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 63c426b30d262aba269ef14c40e3c817b384cd61 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width