Correct way to access local site on local network with my phone?

[knowler]

@i1100a

It turns out the path for the assets has a “localhost” on it, not the IP and thus, I presume the phone is unable to resolve them correctly since it tries to resolve it the phone instead of the computer?

Correct, to reiterate:

@knowler

Unfortunately, the Webpack HMR (i.e. the process that injects the updated stylesheets + scripts) only runs for the proxyUrl , which by default is localhost:3000 — or localhost:4000 in your case. This is only accessible on your host machine.

When Sage’s development process is running, there is no dist/styles directory. Webpack builds and injects the styles on the fly using HMR. This way the browser doesn’t need to do a full reload, which is escepcially helpful for JS since it retains its state.

I have a little bit more in-depth explanation of how this process works here:

The dir '/dist/styles' disappears after 'yarn start', but is present after 'yarn build'. Why?

I gotta dash, but since I put time into this, here is my half-baked answer: So your issue is only happening during development (yarn start). Sage uses Webpack for it’s development build/watch process. A feature of Webpack is called Hot Module Replacement, which “exchanges, adds, or removes modules while an application is running, without a full reload.” Your styles are considered to be a module. So when it detects a change, it will get the new styles. However, it doesn’t compile a new styleshee…