Hot reload or watch does not work

dobbel

@dylanglockler said in Hot reload or watch does not work:

I live on a boat, and all I have is a mac.

You could consider using virtrual box to run it with another OS. Apart from that I unfortunately have no clues/ideas on how to fix your problem .

dylanglockler

You could consider using virtrual box to run it with another OS. Apart from that I unfortunately have no clues/ideas on how to fix your problem .

Hey, thanks for the suggestion and for taking the time to consider the issue i’m having. Virtual Box looks like it could work, might resolve some issues and add some other benefits!

JBGoldberg

I am having the same reload issue here, also using a Mac.
It started after adding support to Quasar and a package update.

dylanglockler

@dobbel I setup Laravel Homestead with Vagrant using VirtualBox (on mac os). I’m able to run the site as a virtual server but when I run the dev -H for hot reload, I’m getting site not found - I’m thinking maybe has to do with the port. I tried using a port in the Homestead.yaml, but then dev with hot reload advances to the next port.

dobbel

This post is deleted!

dobbel

@dylanglockler

Sorry I don’t really understand your setup and what is running where and why.

I run the dev -H for hot reload

that’s for setting a hostname, -H . What has this to do with hot reload? Quastion : without -H quasar dev does show a site?

dobbel

@dylanglockler

I found some info about hot reload fixes in the docs:

If there appears to be an issue with hot reload, you can try two fixes:

Change the permissions for the project folder with

sudo chown -R username: .
or run the dev server with root privileges

sudo quasar dev

(scroll down, last entry)
https://quasar.dev/quasar-cli/commands-list#Dev

dylanglockler

@dobbel

Appreciate the note - fundamentally I’m trying to setup Qasar front-end with a Laravel back-end (API) WITH hot reload working (otherwise development is unreasonably cumbersome). It works, with one little trick: I have to rename larave/public to public_x, run the command: sudo quasar dev -H app.wb.localhost

And then rename public_x back to public (so the app can access the API through the Laravel side on a virtual host I setup)

And then it’s AMAZING - I can work so quick, editing my quasar vue files, hot reload refreshes as expected - maintains state and logs me out of the app when I make changes to config or store files - all good!

But after a while, it will suddenly revert to the last version created when I last ran the build command. For a while it was only doing this once or twice a day and I was just working with that… but now, after just a few edits, it resets. I can find no errors in any logs nor can I find any common step that causes it to suddenly stop using the hot reload files and suddenly start serving the previous production build.

From your earlier suggestion, I did try switching over to a VirtualBox - built on Homestead + Vagrant. I’m able to get the server up and serving either Laravel or Quasar but having a time figuring out how to get both running simultaneously. Every time I try to run quasar dev it seems to work but but the browser can’t connect to server. I have the route in my hosts etc:
192.168.10.10 wanderbird.test

and my quasar info:

Operating System - Linux(5.4.0-65-generic) - linux/x64
NodeJs - 14.15.4

Global packages
NPM - 6.14.11
yarn - 1.22.10
@quasar/cli - 1.1.3
cordova - Not installed

Important local packages
quasar - 1.11.3 – Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 1.8.10 – Quasar Framework local CLI
@quasar/extras - 1.8.1 – Quasar Framework fonts, icons and animations
vue - 2.6.11 – Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.2.0 – Official router for Vue.js 2
vuex - 3.4.0 – state management for Vue.js
electron - 7.1.4 – Build cross platform desktop apps with JavaScript, HTML, and CSS
electron-packager - Not installed
electron-builder - Not installed
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
@babel/core - 7.7.4 – Babel compiler core.
webpack - 4.43.0 – Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, … and your custom stuff.
webpack-dev-server - 3.11.0 – Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - 4.3.1 – A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
register-service-worker - 1.7.1 – Script for registering service worker, with hooks
typescript - 3.8.3 – TypeScript is a language for application scale JavaScript development