Invalid WebSocket url in a Chrome extension context

• Operating System: Windows 10
• Node Version: 12.18.2
• NPM Version: 6.14.5
• webpack Version: 4.44.1
• webpack-dev-server Version: 3.11.0
• Browser: Chrome 85.0.4183.121

• This is a bug
• This is a modification request

Code

Expected Behavior

Webpack dev server transportMode: 'ws' should work as expected when loaded inside a context of a Chrome extension popup.

Actual Behavior

Webpack dev server transportMode: 'ws' throws an error that the url is not valid. The problem is with this line of code

_this.client = new WebSocket(url.replace(/^http/, 'ws'));

found in WebsocketClient.js

It assumes that the protocol will be one of http:/https:, but in chrome extension popup it’s actually chrome-extension:

For Bugs; How can we reproduce the behavior?

Set the transportMode: 'ws' config to the dev server, and use it to serve a browser extension popup

[ylemkimon]

Possibly fixed in master via #2954. Could you test it?

[CPatchane]

I got it in a big project, I’ll try to reproduce it in a minimal repo 👍