Roots Discourse

My browsersync is gonna give me a seizure

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

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.

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

Is your publicPath set correctly?

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"
  ]
}

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

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.

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

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