Level 102
Is there anything in the browser console ?
Oct 28, 2021
10
Level 2
LARAVEL mix BrowserSync not refreshing on a certain Tab
I am using laravel 8, trying to use BrowserSync. The feature is working in all the Routes except a certain route. Can't figure out why its not refreshing in '/forum' route. Here is my webpack.mix.js file:
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sourceMaps()
.browserSync('127.0.0.1:8000/');
I am running php artisan serve and then npm run watch. It's working on certain routes but on a certain route.
Level 2
@Sinnbeck No sir, no errors there
Level 102
@dhrubanka And the ful url is 127.0.0.1:8000/forum ?
Does this route contain a different layout than other poges?
1 like
Level 2
@Sinnbeck Yes it does, that's the only difference I can find
Level 102
@dhrubanka Any chance that you are using asset() instead of mix() on the layout?
Level 2
@Sinnbeck Yes sir, but I am also using asset() on other layouts where browsersync is working
Level 55
@dhrubanka maybe forum layout uses js/css files different to app.js/app.css?
1 like
Level 2
@SilenceBringer yes, I know very little of laravel mix. Is it mandatory to have all files compile down into app.css/app.js?
Level 102
@dhrubanka Isnt app.js used on the page? I believe that the code for browser sync is embedded inside it
Level 2
@Sinnbeck Okay I got to know the issue. The Browsersync was watching the layout file that is using app.js/app.css. However, The forum is using a different layout and is not compiled down using MIX and hence browsersync was not refreshing.
Please or to participate in this conversation.