Level 102
Here is a long thread with links to other posts in regards to getting it working on windows
Nov 15, 2019
6
Level 3
mix and hmr
How do I use the "npm run hmr" script ?
When I run it I get this :
i ｢wds｣: Project is running at http://localhost:8080/
i ｢wds｣: webpack output is served from http://localhost:8080/
i ｢wds｣: Content not from webpack is served from D:\htdocs\laracasts\learn-vue-2-step-by-step\oofp\public
i ｢wds｣: 404s will fallback to /index.html
But going there I get "Cannot GET".
I'm on Windows 10, running my laravel project on homestead.
I access my laravel project at "oofp.local", which points to 192.168.10.10
Level 3
When I save a file under "resources/js", I see "Compiled successfully", but it does not change the files under "public" dir. "webpack" does that, but not "webpack-dev-server".
How can I use "npm run hmr" so that it compiles to the same place as using normal "webpack" ?
Can I use hmr and still visitng my laravel project on "mywebsite.local" (pointing to homestead 192.168.10.10) ?
Level 3
Also, after running "npm run hmr", visinting "localhost:8080/index.php" in browser will ask me to download that index.php file.
Level 3
"npm run hmr" is just serving the "public" directory. The Laravel app is not even accessible.
Level 3
Oh I understand !!!
First I needed the "Mix.listen" section at the end of github thread mentioned above.
Running "npm run hmr" starts a server hosting the public directory.
So I have to visist my laravel homestead app as normal.
And in my blade file, I have to change the script href to point to the "hmr" server, in my case localhost:8080/js/app.js .
I know there's maybe a "mix" function that could figure out that link, with src="{{ mix('/js/app.js' ) }} do that, but I'm on laravel 5.3 and it seems this "mix" function is non-existent.
Level 3
So I have one question :
How can I let laravel know that I'm using HMR, so that I can automatically serve my assets from "localhost:8080" instead of from the same server ?
Please or to participate in this conversation.