New Sage 10 install with bud version 6.8.0.
Bud Dev is working but the page in the browser is not self reloading after save. I have to do it manually to see any changes.
The .watch relates to ‘resources/views’ and ‘app’ like so:
.watch([‘resources/views’, ‘app’])
Do I need to specify something else?
Hi @ZiggyStick,
Sage 10 should work ‘out-of-the-box’ with HMR, with minimal configuration.
How are you accessing your project in the browser? You should be using the HMR server typically on port 3000. Try http://localhost:3000
Another thing to check is the proxy origin and public path configuration in bud.config.js.
For context, in your bud.config.js:
/**
* Proxy origin (`WP_HOME`)
* @see {@link https://bud.js.org/docs/bud.proxy/}
*/
.proxy('https://your-wp-home-here')
/**
* Development origin
* @see {@link https://bud.js.org/docs/bud.serve/}
*/
.serve('http://localhost:3000')
/**
* URI of the `public` directory
* @see {@link https://bud.js.org/docs/bud.setPublicPath/}
*/
.setPublicPath('/app/themes/your-sage-theme-folder-name/public/')
Hopefully that helps, if not, please share an example of your bud.config.js file, and we can look into this further.
Hi there,
thanks for your answer and sorry for my late reply.
If I use ‘localhost:3000’ I get the following: Error occurred while trying to proxy: localhost:3000/
So I set the .serve to the domain name, which works with manually refreshing of the browser.
My bud.config.js:
/**
Build configuration
@see {@link Sage | WordPress Starter Theme with Tailwind CSS & Blade | Roots sage documentation}
@see {@link https://bud.js.org/guides/configure/ bud.js configuration guide}
@typedef {import(‘@roots/bud’).Bud} Bud
@param {Bud} app
/
export default async (app) => {
/*
/**
/**
/**
WP_HOME)/**
/**
public directory/**
theme.json
theme.json on every build.