My browsersync is gonna give me a seizure

sage
, ,
1

Peek%202018-04-19%2014-40

so basically every time I save a non-scss change, this is how browsersync loads up the changes. I didn’t do anything fancy, all very basic stuff.

Any idea what could be causing this issue?

Running Ubuntu 17.04

1 Like
2

Looks like the SVG (logo) is constrained only by the stylesheet… Giving it an explicit initial size using width and height attributes on it or adding it as a CSS background could help with this kind of issue.

3

That didn’t seem to work, so I removed the logo completely and the issue remains.

4

Is your publicPath set correctly?

5

Mine is looking identical, minus the theme name/url

    {
  "entry": {
    "main": [
      "./scripts/main.js",
      "./styles/main.scss"
    ],
    "customizer": [
      "./scripts/customizer.js"
    ]
  },
  "publicPath": "/app/themes/Bushman",
  "devUrl": "http://bushman.test",
  "proxyUrl": "http://localhost:3000",
  "cacheBusting": "[name]_[hash:8]",
  "watch": [
    "app/**/*.php",
    "config/**/*.php",
    "resources/views/**/*.php"
  ]
}
6

And you’re running in a Bedrock setup? Are you using Trellis/Vagrant for your local dev environment? Or Valet? Or something else?

7

Yes, it is bedrock, with sage theme, and I am using homestead as my env. I’ve been using regular gulp for about a year now with homestead and never had anything like this come up.

8

Ok, and you are running the build process (yarn start) from your local machine, not the Homestead VM, correct?

9

When you do yarn start and the BS session starts, is it actually running on http://localhost:3000, or do you have a port conflict and it’s running on some other port?

If it’s not running on port 3000, try killing whatever is on there …or try updating the config with a different port