Alright, so we know browserSync is working because you can get to it with :3001…
First of all, have you tried updating the devUrl at the bottom of the manifest.json like it says in the documentation?
If that doesn’t work, you might have to play with your proxy settings in the browsersync task in the gulp file, or use virtual hosts with mamp, and then set your devUrl to that virtual host.
Let us know if that gets you going. Also, I know people get comfy with MAMP but I would really recommend checking out some MAMP alternatives like our very own Bedrock, VVV, or any WordPress vagrant box. MAMP really doesn’t mimic any live production server.
I think i have the same Problem!
I am a newbie with this topic. Therefore i purchased the video “Theme Development with Gulp and Bower”. I followed the instructions and managed to install all components. Then i wanted to run BrowserSync with “gulp watch”
. It opens a new tab with localhost:3000 but it loads and loads until “server not found” message appears (timeout). whats wrong? I can access localhost:3001 to see BrowserSync settings. I have no clue of what is wrong here. I am using Mamp for Mac on my localhost with default ports. So when i access http://localhost i get to my root (= my web root is a folder in my users dir). In my root i installed wordpress and sage theme: _htdocs/sage/Wordpress/wp-content/themes/sage
so when i access localhost, i get into /_htdocs/
found the problem (thanks to austin). i had to edit the file manifest.json -> devUrl to (in my case) http://localhost:3000/sage/Wordpress/
you should point that out more clearly. because it was mentioned nowhere.
I seem to be having the same issue, but instead of it going to my localhost:8888 path, it goes to localhost:3000.
I updated devUrl to http://localhost:8888/path-to-my-bedrock-project
and I tried it with /web and now just about any path I could think of so, sorry if this is a n00b question, but is there anything else I could be doing wrong or another way to set this up with bedrock & sage using MAMP?