So I recently started using Pinegrow, and I got very used to using Browser Sync.
Now it doesnt work.
This is what I did.
Everything was working fine, I followed the instructions for installing on Windows. Built a Website. Everything was good up until…
Setup/Installed BrowserSync while working on File Name Index.html.
Started a new file named IndexBak.html in same Project Folder, I was working in this file prior to BrowserSync issues.
I went to save the File AS, Index.html, an already existing file, Pinegrow ask if I wanted to save over the existing file Index.html and I said YES.
After this Browser Sync stopped working. Here are the issues:
When starting Browser Sync… browser page opens but BrowserSync does not start when I click on Eyeball Icon.
When I Run Command BrowserSync will start, webpage will display, changes I make DO NOT display in the Browser Sync webpage.
I get orange error box: BrowserSync is not running on http://localhost:3000. Start it or switch off the sync in the top toolbar with (The Eyeball Icon). Image below. Capture|455x112
Under Support Tab, Show API URL it shows: Url for accessing Pinegrow API remotely is: http://127.0.0.1:40000. Manually typing this in Browser I can see my webpage Im working on.
BrowserSync Settings under the EYEBall Icon shows BrowserSync url is http://localhost:3000.
Any suggestions on how to deal with this BrowserSync Issue?
Im surprised simply renaming a file name over an existing one breaks BrowserSync?
Thankyou all in advance.
Im hoping my troubleshooting steps can be reproduced.
Hi @Ratfink
I’m quite new to Pinegrow and don’t user Browser Sync personally but here’s a link to some detailed instruction on setting it up which I found on the PG website. Hope it helps.
Bruce
I can’t test the feature on Windows right now, but after your message this morning, I tested it again on MacOS and the connection to Browsersync works perfectly, no matter what the page name is.
I recorded a quick (and crappy) video of the session, here it is:
I just tested on my Windows machine, BrowserSync worked fine. @Ratfink, it would be very helpful to troubleshoot, if you can share some screenshots or a short video of your setup. Thanks!
@Ratfink, once you renamed your file, can I suggest you to reload your project files by right clicking on your project root, and see if it helps with the browsersync issue.
Renamed index.html to default.asp, browsersync still works fine on my windows machine.
Remember to click on the preview button once again after renaming it, so that it opens the new page (default.asp) in your external browser, so that browsersync syncs the new one.
It would be very helpful to troubleshoot, if you could share some screenshots or a short video. Cheers!