I can't quickly view the changes in my browser after saving the file changes

[yiyang-tsao]

I can't quickly view the changes in my browser after saving the file changes, but instead need to re-run docker compose up.
I'm using docker desktop，I've tried two methods, such as changing the configuration in docker_compose.yml, one way is to use jekyll's built-in watch, i.e., adding a command configuration, and the other way is to use Docker Desktop's recommended watch attribute. But the former fails, and the latter seems to conflict with the original bind mount method in the .yml file.

[george-gca]

Currently our Docker image has the following line

al-folio/Dockerfile

Line 76 in 9e837d6

CMD ["/tmp/entry_point.sh"]

Which calls the entry_point.sh script. This should handle all the live reload part already with

al-folio/bin/entry_point.sh

Line 24 in 9e837d6

bundle exec jekyll serve --watch --port=8080 --host=0.0.0.0 --livereload --verbose --trace --force_polling &

If your changes are made in _config.yml it might indeed need a reload, otherwise this should be handled automatically.

Maybe it is a browser cache thing? Try press Shift + F5 on Chromium-based or Ctrl + F5 on Firefox-based browsers to reload the page ignoring cached content.

[yiyang-tsao]

Thanks for the reply 😊 , but I still haven't solved the problem. 😭
I made a couple more attempts to try to locate what the problem is:

1. I ruled out the browser's cache causing the problem.
2. I used the command docker exec -it <container name> /bin/bash to enter the container, and after modifying the file, I used the command cat _config.yml to view the contents of the file, and I could see the changes in the file, which means that there is no problem with file synchronization. But when I modified the file and output log view, there is nothing as "Change detected, Regenerating: 1 file(s) changed" , which means that Jekyll did not detect the change or did not re-generate the page.
3. I deleted my entire project, recreated the repository and cloned it locally, ran docker compose pull to pull the image successfully, but encountered a problem during docker compose up that I hadn't experienced before, an error was reported in the log.

jekyll-1 |/usr/local/bundle/gems/bundler-2.6.5/lib/bundler/definition.rb:683:in 'Bundler::Definition#materialize': Could not find json-2.10.2 in locally installed gems (Bundler::GemNotFound)

I then used the command gem list | grep json to look at the dependencies in the container and found that they were of different versions json (2.10.1, default: 2.9.1), I then tried to use the command gem install json -v 2.10.2 to install the required gem version and rebuild again. This time the project ran successfully and I was able to access the corresponding port in my browser and view the web page.

However, I still have no way to see the changes when refreshing the web page (browser caching is disabled), it's like going back to the same problem I had at the very beginning, could this be related to the fact that I'm using Windows 11 + WSL2 and DockerDesktop?

Here are the log messages if needed logs.txt

[george-gca]

Can you add your two cents here @pourmand1376?

[pourmand1376]

I suppose your problem should be solved via the solution I've provided in this PR.

• Update INSTALL.md #3074

Can you test it?

[yiyang-tsao]

Thank you guys very much! 🥰 🥰 🥰 🤝 🤝 🤝
I tried reinstalling the image again as well as all the project files and this time everything functions fine!