them.es/Support

Log in or Register to post a new request

Bootstrap Starter 3.5.1 development with Local y Flywheel – how to get live reload/browsersync working?

kmeronuk Avatar
kmeronuk
General request Unresolved Resolved

Hi there,
I’m trying to migrate from the 3.4.1 version of the Bootstrap Starter theme, but haven’t been able to figure out how to get it working, at least in the way I expect it to.
In the previous version, we could set the localHost value to what our local install is, but I’m not seeing how to do that with 3.5.1.
When I ‘run npm watch’ I get:
[webpack-dev-server] Project is running at:
[webpack-dev-server] Loopback: http://localhost:8080/
But no URL for where to load the site and have liveReload work.
I do see anything in the documentation/readme for how to make this work.
I’m set up on Windows 11, node 14.21.3, using the latest version of Local with my install being nginx, PHP 8.2.10, MariaDB 10.4.10 and a local site domain of https://kmstarter351.local
Have looked through the webpack devserver documentation but haven’t had any luck getting something to work here.
Is there a trick? Is this possible?
I can see that webpack is working, as when I manually refresh my local domain in the browser it does pick up the updates.
Thanks in advance.

2 responses

  1. them.es Avatar
    them.es

    Hi @kmeronuk,

    this is a known issue (at least on some environments) and has been reported by other users as well. But it should be possible to achieve what you want with a bit of trial-and-error.

    You could start by adding the following settings to the webpack devServer config:

    devServer: { open: [ 'http://kmstarter351.local' ], ... }

    If you see errors you may have to deactivate SSL in Local. Otherwise you’d have to tinker with the proxy settings https://webpack.js.org/configuration/dev-server/#devserverproxy.

    Hope this helps or at least points you to the right direction.

    If you do find a solution it would be appreciated if you could post it here for others who are struggling with a similar issue. And maybe our webpack config can be updated safely then to make it work for more environments?

  2. them.es Avatar
    them.es

    Update: The following GitHub thread may be helpful for anyone experiencing this issue with Local https://github.com/them-es/starter-bootstrap/issues/31

Leave a Reply