codyhouse/codyhouse-framework

Gulp not refreshing Browser But compiles changes

helphop opened this issue · 2 comments

helphop commented

I have loaded the CodyHouse framework from npm.

I have not made any changes to the gulp file.

I use VS code as my text/code editor VERSION 1.63.2

I am using Firefox 96.02

I have added a component under the components folder in my application. I can see that any changes I make to the scss are being detected by Gulp. I can manually reload the webpage and the changes I have made in the scss files are reflected.

However, I have to manually reload the browser, it is not getting the signal to reload from the application for some reason.

Here is the output from the terminal after starting the gulp sever using npm run gulp watch:

> codyframe-gulp-starter-template@0.0.4 gulp
> gulp "watch"

[14:41:59] Using gulpfile ~/Desktop/Codyhouse Test/codyframe-gulp-starter-template/gulpfile.js
[14:41:59] Starting 'watch'...
[14:41:59] Starting 'browserSync'...
[14:41:59] Starting '<anonymous>'...
[14:41:59] Finished '<anonymous>' after 8.34 ms
[14:41:59] Finished 'browserSync' after 9.22 ms
[14:41:59] Starting 'sass'...
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://192.168.0.81:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 -------------------------------------
[Browsersync] Serving files from: main
[Browsersync] 1 file changed (style.min.css)
[14:42:00] Finished 'sass' after 1.04 s
[14:42:00] Starting 'scripts'...
[Browsersync] 1 file changed (scripts.js)
[Browsersync] 1 file changed (scripts.min.js)
[14:42:00] Finished 'scripts' after 150 ms
[14:42:00] Starting '<anonymous>'...
[Browsersync] Reloading Browsers... (buffered 3 events)
[14:42:41] Starting 'sass'...
[Browsersync] 1 file changed (style.min.css)
[14:42:42] Finished 'sass' after 619 ms

Any assistance to get live reloading working very much appreciated.

claudia-romano commented

Hi there,
sorry about the issue. We just pushed an updated version of the gulp starter template that should fix the problem:
https://github.com/CodyHouse/codyframe-gulp-starter-template

You can use the updated 'sass' task:
https://github.com/CodyHouse/codyframe-gulp-starter-template/blob/main/gulpfile.js

I'm closing this issue. If you are still having problems, feel free to reopen it. Thanks!

helphop commented