Hot reloading fails then versioning enabled.
See original GitHub issue- Laravel Mix Version: 1.5.0
- Node Version (
node -v
): 8.7.0 - NPM Version (
npm -v
): 5.4.2 - OS: MacOS 10.12.6
Description:
Hot reloading crashes then versioning enabled.
Steps To Reproduce:
laravel new test cd test npm install
webpack.mix.js:
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.version(); // **** added this line! ****
npm run hot
edit ExampleComponent.vue I have just added style block
<template>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">Example Component</div>
<div class="panel-body">
I'm an example component!
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
mounted() {
console.log('Component mounted.')
}
}
</script>
<style>
body {
background-color: blue;
}
</style>
hit save and npm crashes with
DONE Compiled successfully in 171ms 20:14:41
fs.js:653
return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
^
Error: ENOENT: no such file or directory, open '/Users/info/_sites/tut/test/public/0.2c258ddd238157ae3d8e.hot-update.js'
at Object.fs.openSync (fs.js:653:18)
at Object.fs.readFileSync (fs.js:554:33)
at File.read (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/File.js:180:19)
at File.version (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/File.js:190:25)
at Manifest.hash (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/Manifest.js:55:65)
at manifest.forEach.file (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/plugins/CustomTasksPlugin.js:79:47)
at Array.forEach (<anonymous>)
at CustomTasksPlugin.applyVersioning (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/plugins/CustomTasksPlugin.js:79:18)
at Compiler.compiler.plugin.stats (/Users/info/_sites/tut/test/node_modules/laravel-mix/src/plugins/CustomTasksPlugin.js:12:22)
at Compiler.applyPlugins (/Users/info/_sites/tut/test/node_modules/tapable/lib/Tapable.js:61:14)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ hot: `cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ hot script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/info/.npm/_logs/2017-10-16T13_14_41_405Z-debug.log
without versioning seems to work just fine.
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Hot reloading fails then versioning enabled. #1275 - GitHub
Hot reloading crashes then versioning enabled. Steps To Reproduce: laravel new test cd test npm install. webpack.mix.js: let mix = require(' ...
Read more >Hot Reload is not working in my React App - Stack Overflow
I have created this app with npx create-react-app. After this i have deleted all the files except index.js in src folder. Then Hot...
Read more >Troubleshooting XAML Hot Reload - Visual Studio (Windows)
Fix problems that you may encounter with XAML Hot Reload. ... The feature is enabled by default in Visual Studio 2022 and later...
Read more >Hot reload not working with version controlled dlls (Perforce)
When I build, if a plugin has changed then the binary will be updated too, so I just need to check out that...
Read more >@pmmmwh/react-refresh-webpack-plugin - npm
CircleCI License Latest Version Next Version. An EXPERIMENTAL Webpack plugin to enable "Fast Refresh" (also known as Hot Reloading) for ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
fixed for now with
This has been answered tons of time, please search before creating new issue.