webpack-hot-middleware: Update check failed: Error: Manifest request to

When the while is changed its not updating the page. I get this error in console.

Update check failed: Error: Manifest request to /js/07681e28c4f19d102b51.hot-update.json timed out.

screen shot 2016-12-08 at 8 53 36 am

When i change the the file content

[HMR] bundle rebuilding bundle.js:55 [HMR] bundle rebuilt in 3700ms

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 3
  • Comments: 16

Most upvoted comments

Ok, I figured out what the problems were

  • There wasn’t a non-production start task, I assume you were running the server some other way - but I added one anyway
  • The entry option in webpack config didn’t include your actual application
  • The debug conditional for the plugins setting was set up in a way that didn’t include any plugins in dev mode, I’ve hanged this to now use all of the same plugins except for uglify

After making those changes, HMR started working for me

Here’s the diff of the changes I made

diff --git a/package.json b/package.json
index 43f1691..1faccd8 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,9 @@
   "version": "1.0.0",
   "main": "src/server.js",
   "scripts": {
-    "start": "NODE_ENV=production node_modules/.bin/babel-node --presets 'react,es2015' src/server.js",
-    "build": "NODE_ENV=production node_modules/.bin/webpack -p"
+    "dev": "babel-node --presets 'react,es2015' src/server.js",
+    "start": "NODE_ENV=production babel-node --presets 'react,es2015' src/server.js",
+    "build": "NODE_ENV=production webpack -p"
   },
   "author": "John Francis",
   "license": "MIT",
diff --git a/webpack.config.js b/webpack.config.js
index 9261462..1492186 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,7 +5,10 @@ const path = require('path');
 
 module.exports = {
   devtool: debug ? 'inline-sourcemap' : null,
-  entry: 'webpack-hot-middleware/client',
+  entry: [
+    'webpack-hot-middleware/client',
+    './src/app-client'
+  ],
   output: {
     path: path.join(__dirname, 'src', 'static', 'js'),
     publicPath: "/js/",
@@ -21,7 +24,7 @@ module.exports = {
       }
     }]
   },
-  plugins: debug ? [] : [
+  plugins: [
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
     }),
@@ -29,12 +32,13 @@ module.exports = {
     new webpack.optimize.DedupePlugin(),
     new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.NoErrorsPlugin(),
+  ].concat(debug ? [] : [
     new webpack.optimize.UglifyJsPlugin({
       compress: { warnings: false },
       mangle: true,
       sourcemap: false,
       beautify: false,
       dead_code: true
-    }),
-  ]
+    })
+  ])
 };

i have removed the hot and online from webpack devserver , now the page is not loading at all. webpack.config.js

screen shot 2016-12-08 at 3 59 08 pm