Sage: [Bug] Beta 1: Problems with watcher (SCSS & PHP)

[emilsgulbis]

Submit a feature request or bug report

• [x] I've read the guidelines for Contributing to Roots Projects
• [ ] This is a feature request
• [x] This is a bug report
• [x] This request isn't a duplicate of an existing issue
• [x] I've read the docs and NPM Debugging Guidelines post and followed them (if applicable)
• [x] This is not a personal support request that should be posted on the Roots Discourse forums

Bug report

Steps

1. composer create-project roots/sage my-theme dev-master
2. npm install
3. edited config.json
4. yarn run start

Opens localhost:3000 but with console errors:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/app/themes/my-theme/dist/a8794502c051d1cd8213.hot-update.json
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/app/themes/my-theme/dist/styles/main.css

Also terminal prints - https://discourse.roots.io/t/sage9-not-inserting-styles-in-browsersync/8525/7?u=emilsgulbis
No PHP files edited, but watcher called.

Please describe your local environment:

WordPress version: 4.7

OS: macOS Sierra

NPM/Node version: 4.0.5 / 7.4.0

Where did the bug happen? Development or remote servers?

Development

Is there a related Discourse thread or were any utilized (please link them)?

https://discourse.roots.io/t/sage9-not-inserting-styles-in-browsersync/8525/7

[emilsgulbis]

Not working for me.
Just created new sage theme and run yarn run start and no css was loaded (404 error on browser console) and same after styling update & browsersync refresh.

yarn run build works as expected and have no 404 errors on css files.

https://youtu.be/zTC6R0sa7f0

[giacomoalonzi]

after alpha1, I always had this problem.

[retlehs]

a copy of my reply to @emilsgulbis from discourse:

@emilsgulbis I noticed that when you open your console at the start of the BS session that you're missing the error I mention at the top of https://github.com/roots/sage/pull/1806

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__util_Router__[false] is not a constructor
    at Object.<anonymous> (main.js:23)
    at Object.<anonymous> (main.js:27)
    at __webpack_require__ (bootstrap f2d9dd8…:659)
    at fn (bootstrap f2d9dd8…:83)
    at Object.<anonymous> (tether.js:1811)
    at __webpack_require__ (bootstrap f2d9dd8…:659)
    at bootstrap f2d9dd8…:708
    at bootstrap f2d9dd8…:708

Can you remove your node_modules folder, make sure yarn.lock is the same as what's on the Sage repo, and re-run yarn?

@giacomoalonzi did you try making this change and then following the instructions at the top of #1806?

please keep the support back-and-forth on the discourse thread for this specific issue:

https://discourse.roots.io/t/sage9-not-inserting-styles-in-browsersync/8525

[giacomoalonzi]

@retlehs Not yet, i'm going to try new beta in the next days, i'll let you know

[retlehs]

please keep the support back-and-forth on the discourse thread for this specific issue:

i'm locking this issue. please use the discourse topic for discussion:

https://discourse.roots.io/t/sage-9-beta-1-not-inserting-styles-in-browsersync/8525

[retlehs]

fixed in beta 2