Browsersync not working in Sage 10 on Linux - ERR_UNKNOWN_URL_SCHEME

TomHayes · December 6, 2021, 10:36am

Hi guys,

I recently built my first project using Sage 9, which I really enjoyed so for my next project I am using Sage 10. I’m using Pop_OS! (so Ubuntu based Linux).

I have a bit of an issue getting browsersync working - I have updated my bud.config.js with my URL and run yarn run dev, which seems to run correctly (though seems rather slow…).

However, browsersync does not seem to be working. When I view http://localhost:3000 in a browser, I see the site but there is no CSS rendered by the looks of things. I have a few errors in the console, which are:

Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME
app.b8ec56.js:1 Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME
wp-embed.min.js?ver=5.8.2:1 Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME

I’m not really sure what I could be missing here - do I need to install browsersync globally somehow or something like that?

Sorry for the basic question - I have tried Googling and searching the forum, but nothing I have come across seems to fix this problem. I’m on my 4th or 5th install of Sage 10 to get this project started now and I’m really frustrated by falling at this first hurdle!

Thanks a lot in advance for your help!

mehha · December 6, 2021, 2:11pm

1, same problem. using wsl on win10

localhost/:27 GET localhost:3000/wp-includes/css/dist/block-library/style.min.css?ver=5.8.2 net::ERR_UNKNOWN_URL_SCHEME
localhost/:92 GET localhost:3000/wp-content/themes/labiubunutu/public/app.d6d64d.js net::ERR_UNKNOWN_URL_SCHEME
localhost/:93 GET localhost:3000/wp-includes/js/wp-embed.min.js?ver=5.8.2 net::ERR_UNKNOWN_URL_SCHEME

ben · December 6, 2021, 4:46pm

github.com/roots/bud

Failed to load resource: unsupported URL

opened 04:29PM - 04 Dec 21 UTC

fowlercraig

* [x] I've read the [guidelines for Contributing to Roots Projects](https://gith…ub.com/roots/.github/blob/master/CONTRIBUTING.md) * [x] This request isn't a duplicate of an existing issue * [x] I've read the [docs](https://roots.io/documentation/) and followed them (if applicable) * [x] This is not a personal support request that should be posted on the [Roots Discourse](https://discourse.roots.io/) community ## Description On a fresh install of the latest version of roots/sage, after running `yarn dev`, css & js assets aren't loading. They've been compiled and are present in the public directory, but aren't loading while viewing localhost:3000. ## Steps to reproduce 1. `git clone https://github.com/roots/sage.git` 2. Update bud.config.js with target url (in this case, "http://test.local" 3. `composer install && yarn && yarn dev` 4. visit localhost:3000 once it's ready **Expected behavior:** [What you expect to happen] CSS and JS assets should load. **Actual behavior:** [What actually happens] CSS and JS assets no not load. **Reproduces how often:** [What percentage of the time does it reproduce?] 100% ## Versions roots/sage 10.0.0-beta.1: October 21st, 2021 DevKinsta Dev Suite (basically Docker with a frontend) Version 2.3.0 (2.3.0.2184) ## Additional information Looking at the source, it appears that the asset urls are being output as ``` <script src="localhost:3000/wp-content/themes/sage-652b7ae24ca422d61503483adfb9518d27696b26/public/runtime.a5b3e3.js" id="app/0-js"></script> <script src="localhost:3000/wp-content/themes/sage-652b7ae24ca422d61503483adfb9518d27696b26/public/app.c27b30.js" id="app/1-js"></script> ``` while in previous versions before roots/bud, they were output as ``` <script src="//localhost:3000/wp-content/themes/sage-652b7ae24ca422d61503483adfb9518d27696b26/public/runtime.a5b3e3.js" id="app/0-js"></script> <script src="//localhost:3000/wp-content/themes/sage-652b7ae24ca422d61503483adfb9518d27696b26/public/app.c27b30.js" id="app/1-js"></script> ``` Tested on the laravel mix version of Sage and everything works as it should.

system · January 17, 2022, 10:36am

This topic was automatically closed after 42 days. New replies are no longer allowed.