question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:closed
  • Created 6 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

19reactions
Vasiliy-Bondarenkocommented, Oct 17, 2017

fixed for now with

// run versioning on production only
if (mix.inProduction()) {
    mix.version();
}
13reactions
ankurk91commented, Oct 17, 2017

This has been answered tons of time, please search before creating new issue.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found