webpack-dev-server@4.0.0-rc.0

[emmanuelballery]

Hi!

webpack-dev-server@4.0.0-rc.0 is released and I encountered 2 errors when installing a new app using Encore :

1. a doc change : firewall was renamed (reported here [Frontend/Encore] WebpackDevServer 4.0.0-rc.0 renamed the "firewall" option into "allowedHosts" symfony-docs#15542)
2. there is no host property in the client option see code / see related issue
   

#1017 (comment) The last one cannot be changed without forcing webpack-dev-server to stay at 4.0.0-beta.3.

Have a nice day!

[tocsinde]

Concerning the second error: I fixed it by using the following code in the webpack.config.js

Encore
    .configureDevServerOptions((options) => {
        
        // hotfix for webpack-dev-server 4.0.0rc0
        // @see: https://github.com/symfony/webpack-encore/issues/951#issuecomment-840719271
        
        delete options.client;
    })

[hailwood]

Just to add on here, deleting options.client caused my WS connections to fail so I had no hot reloading,
I had to do the following

Encore.configureDevServerOptions(options => ({
    ...options,
    allowedHosts: 'all',
    client: {
      webSocketURL: 'wss://localhost:8080/ws'
    },
}));

@hailwood it's strange, @tocsinde workaround is working just fine for us, even with websockets and HMR/hot reload

[hailwood]

@mfu-aroche are you accessing your site from a localhost address? E.g. localhost:3000? That would work. My change is needed if you're using a non localhost url like Lando or similar 👍

[bobvandevijver]

I'm using the following configuration, which seems to work just fine:

Encore.configureDevServerOptions(options => {
      options.allowedHosts = 'all';
      options.https = {
        cert: '/etc/apache2/ssl/domain.dev/fullchain.pem',
        key: '/etc/apache2/ssl/domain.dev/privkey.pem',
      };

      delete options.client.host;
    })

The HMR server is access through https://localhost.domain.dev:8999/.

[jkabat]

There seems to be more issues when I have encore in separate container as main application.

For webpack-dev-server@4.0.0 I had to use "setPublicPath" with absolute path + domain, and setmanifestKeyPrefix. I needed to setup --keep-public-path and --client-web-socket-url also, but for some reason I still cant make hot reloading to work...

I have tried almost anything to get rid "...hot-update.json not found" error...

[Mareva-dev]

I've been working on this issue for two days now. I'm using Symfony 5 (webpack-encore) with React JS.

Initially i had the following issue:

I tried a lot of things but last one is :

//webpack.config.js
.configureDevServerOptions(options => ({
        ...options,
        allowedHosts: 'all',
        client: {
          webSocketURL: 'wss://localhost:8080/ws'
        },
    })      
    )

But i got
WebSocketClient.js:13 WebSocket connection to 'wss://localhost:8080/ws' failed:
index.js:529 [webpack-dev-server] Event {isTrusted: true, type: "error", target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}

Could you please explain me how to deal with it ?? I'm getting mad over it

[jkabat]

@Mareva-dev webSocketUrl should start with "ws:" not with "wss:".

[weaverryan]

Hi everyone!

Could I have a few of you hack in the fix from #1031 to see if it works for you?

Thanks!

[leevigraham]

@weaverryan

setting allowedHosts: 'all', and implementing the fix in #1031 resolved the start up issues for me.