Forced to run "wp blade compile" or I get Warning: file_put_contents() ERROR

[matteo_maria_ambrogi]

Hello,

I am starting using Sage, also thanks to @knowler and @strarsis help.

What I am facing now is a browsersync issue, I guess, as, once I update a blade template, unless I launch a wp compile command I keep receiving a warning attached to the page and no updates to the code are reflected…

Warning : file_put_contents(/Users/matteo/Sites/atravisio.localhost.dev/web/app/uploads/cache/733e20a81b3430f917a1ee5ed50ad44dcbe20bee.php): failed to open stream: Permission denied in /Users/matteo/Sites/atravisio.localhost.dev/web/app/themes/av-2021/vendor/illuminate/filesystem/Filesystem.php on line 122

no real premisison though, as if I run wp blade compile the output is correctly updated…

ty

[strarsis]

How are you hosting that site? Vagrant? Docker? WAMP? Linux system?

[matteo_maria_ambrogi]

Mysql + PHP on localhost, for now…

remotely it will be hosted by netsons

[knowler]

Why are you running the wp blade compile command after updating Blade templates? In most situations you shouldn’t need to do that, just refreshing the page should be sufficient.

[matteo_maria_ambrogi]

that’s why I am asking in this forum…
even if I have a “watching” message, if I refresh the page no JS nor CSS changes take effect.

I need to re-run yarn start each time

[strarsis]

Any warnings or errors in the JavaScript console on the browsersync’ed page?

[matteo_maria_ambrogi]

Unluckily (but also a bit obviously ) not!

[matteo_maria_ambrogi]

there’s only one strange error:

Failed to load resource: the server responded with a status of 404 (Not Found) https://atravisio.localhost.dev/app/themes/av-2021/dist/styles/main.css

but my styles are applied…
don’t know if this could be a symptom of something weird happening…

[strarsis]

This seems to be normal though, the styles are streamed/applied by BrowserSync instead.

[matteo_maria_ambrogi]

so what can I check/do?
working in this way is totally impossible as I have to stop the watcher CTRL + C and then yarn (re)start each time… crazy…
even for a minor JS console log check…
not viabile in this way…

re-edited…
said a stupid thing

[strarsis]

You may also try:

Sage 9 + BrowserSync not loading any CSS at all on 'yarn run start'

@Simeon: Edit: According to author BrowserSync has to be configured with advanced key: new BrowserSyncPlugin({ target, open: config.open, proxyUrl: config.proxyUrl, watch: config.watch, delay: 500, advanced: { browserSync: { cors: true, }, }, }), Related issues:

[matteo_maria_ambrogi]

unfortunately this is already my config:

new BrowserSyncPlugin({
      target,
      open: config.open,
      proxyUrl: config.proxyUrl,
      watch: config.watch,
      delay: 1500,
      advanced: {
        browserSync: {
          cors: true,
        },
      },

same issues…

[matteo_maria_ambrogi]

CHROME EDIT: chrome returns another error.

GET https://my.localhost.dev/__webpack_hmr 404 (Not Found)

safari doesn’t

[matteo_maria_ambrogi]

found the solution.

low chance anyone else would face this one: MY MISTAKE.

instead of going ahead on localhost:3000 URL, I kept working on local path written in nginx config (mysite.localhost.dev).