webpack-dev-server not updating my bundle

Created on 24 Nov 2015  路  4Comments  路  Source: webpack/webpack-dev-server

I'm new to webpack so maybe I'm misunderstanding something. I am developing on Windows in a Vagrant Linux guest box. I have the following webpack.config.js

module.exports = {
  entry: './index.js',
  output: {
    path: __dirname,
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  },
  devServer: {
    host: '0.0.0.0'
  }
}

I do the following:

# webpack-dev-server --hot --inline
http://0.0.0.0:8080/
webpack result is served from /
content is served from /vagrant/vhosts/vagrant.dev/public/rtsupport
Hash: 984105dfec382780f21d
Version: webpack 1.12.8
Time: 3234ms
    Asset    Size  Chunks             Chunk Names
bundle.js  253 kB       0  [emitted]  main
chunk    {0} bundle.js (main) 218 kB [rendered]
    [0] multi main 52 bytes {0} [built]
    [1] (webpack)-dev-server/client?http://0.0.0.0:8080 2.14 kB {0} [built]
    [2] (webpack)/~/url/url.js 22.3 kB {0} [built]
    [3] (webpack)/~/punycode/punycode.js 14.6 kB {0} [built]
    [4] (webpack)/buildin/module.js 251 bytes {0} [built]
    [5] (webpack)/~/querystring/index.js 127 bytes {0} [built]
    [6] (webpack)/~/querystring/decode.js 2.4 kB {0} [built]
    [7] (webpack)/~/querystring/encode.js 2.09 kB {0} [built]
    [8] (webpack)-dev-server/~/socket.io-client/index.js 37 bytes {0} [built]
    [9] (webpack)-dev-server/~/socket.io-client/lib/index.js 1.5 kB {0} [built]
   [10] (webpack)-dev-server/~/socket.io-client/lib/url.js 1.53 kB {0} [built]
   [11] (webpack)-dev-server/~/parseuri/index.js 690 bytes {0} [built]
   [12] (webpack)-dev-server/~/socket.io-client/~/debug/debug.js 2.46 kB {0} [built]
   [13] (webpack)-dev-server/~/socket.io-parser/index.js 7.63 kB {0} [built]
   [14] (webpack)-dev-server/~/socket.io-parser/~/debug/debug.js 2.46 kB {0} [built]
   [15] (webpack)-dev-server/~/json3/lib/json3.js 40.1 kB {0} [built]
   [16] (webpack)/buildin/amd-options.js 43 bytes {0} [built]
   [17] (webpack)-dev-server/~/isarray/index.js 120 bytes {0} [built]
   [18] (webpack)-dev-server/~/component-emitter/index.js 3 kB {0} [built]
   [19] (webpack)-dev-server/~/socket.io-parser/binary.js 3.84 kB {0} [built]
   [20] (webpack)-dev-server/~/socket.io-parser/is-buffer.js 252 bytes {0} [built]
   [21] (webpack)-dev-server/~/socket.io-client/lib/manager.js 11 kB {0} [built]
   [22] (webpack)-dev-server/~/engine.io-client/index.js 38 bytes {0} [built]
   [23] (webpack)-dev-server/~/engine.io-client/lib/index.js 140 bytes {0} [built]
   [24] (webpack)-dev-server/~/engine.io-client/lib/socket.js 16.9 kB {0} [built]
   [25] (webpack)-dev-server/~/engine.io-client/lib/transports/index.js 1.08 kB {0} [built]
   [26] (webpack)-dev-server/~/engine.io-client/lib/xmlhttprequest.js 1.16 kB {0} [built]
   [27] (webpack)-dev-server/~/has-cors/index.js 458 bytes {0} [built]
   [28] (webpack)-dev-server/~/global/index.js 257 bytes {0} [built]
   [29] (webpack)-dev-server/~/engine.io-client/lib/transports/polling-xhr.js 7.92 kB {0} [built]
   [30] (webpack)-dev-server/~/engine.io-client/lib/transports/polling.js 4.85 kB {0} [built]
   [31] (webpack)-dev-server/~/engine.io-client/lib/transport.js 2.74 kB {0} [built]
   [32] (webpack)-dev-server/~/engine.io-parser/lib/browser.js 14.4 kB {0} [built]
   [33] (webpack)-dev-server/~/engine.io-parser/lib/keys.js 297 bytes {0} [built]
   [34] (webpack)-dev-server/~/has-binary/index.js 1.08 kB {0} [built]
   [35] (webpack)-dev-server/~/arraybuffer.slice/index.js 725 bytes {0} [built]
   [36] (webpack)-dev-server/~/base64-arraybuffer/lib/base64-arraybuffer.js 1.7 kB {0} [built]
   [37] (webpack)-dev-server/~/after/index.js 685 bytes {0} [built]
   [38] (webpack)-dev-server/~/utf8/utf8.js 6.38 kB {0} [built]
   [39] (webpack)-dev-server/~/blob/index.js 2.2 kB {0} [built]
   [40] (webpack)-dev-server/~/parseqs/index.js 708 bytes {0} [built]
   [41] (webpack)-dev-server/~/component-inherit/index.js 146 bytes {0} [built]
   [42] (webpack)-dev-server/~/engine.io-client/~/debug/browser.js 3.28 kB {0} [built]
   [43] (webpack)-dev-server/~/engine.io-client/~/debug/debug.js 4.1 kB {0} [built]
   [44] (webpack)-dev-server/~/engine.io-client/~/ms/index.js 2.02 kB {0} [built]
   [45] (webpack)-dev-server/~/engine.io-client/lib/transports/polling-jsonp.js 4.82 kB {0} [built]
   [46] (webpack)-dev-server/~/engine.io-client/lib/transports/websocket.js 4.57 kB {0} [built]
   [47] (webpack)-dev-server/~/ws/lib/browser.js 831 bytes {0} [built]
   [48] (webpack)-dev-server/~/indexof/index.js 199 bytes {0} [built]
   [49] (webpack)-dev-server/~/engine.io-client/~/parseuri/index.js 1.19 kB {0} [built]
   [50] (webpack)-dev-server/~/parsejson/index.js 842 bytes {0} [built]
   [51] (webpack)-dev-server/~/socket.io-client/lib/socket.js 6.99 kB {0} [built]
   [52] (webpack)-dev-server/~/to-array/index.js 216 bytes {0} [built]
   [53] (webpack)-dev-server/~/socket.io-client/lib/on.js 370 bytes {0} [built]
   [54] (webpack)-dev-server/~/component-bind/index.js 474 bytes {0} [built]
   [55] (webpack)-dev-server/~/object-component/index.js 1.18 kB {0} [built]
   [56] (webpack)-dev-server/~/backo2/index.js 1.4 kB {0} [built]
   [57] (webpack)-dev-server/~/strip-ansi/index.js 161 bytes {0} [built]
   [58] (webpack)-dev-server/~/ansi-regex/index.js 135 bytes {0} [built]
   [59] ./~/webpack/hot/dev-server.js 1.85 kB {0} [built]
   [60] ./~/webpack/hot/log-apply-result.js 813 bytes {0} [built]
   [61] ./index.js 31 bytes {0} [built]
webpack: bundle is now VALID.

I can now access the server at localhost:8080 successfully. But when I update my index.js, the page doesn't update, the webpack-dev-server doesn't appear to create a new bundle, etc. Nothing changes.

What am I missing here?

Most helpful comment

It seems an inotify limit might interfere on linux. Try something like the following:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf ; sudo sysctl -p

All 4 comments

@Jakobud Try adding it:

...
plugins: [
  new OldWatchingPlugin()
]
...

@Jakobud please take a look at https://github.com/webpack/webpack/issues/675

It seems an inotify limit might interfere on linux. Try something like the following:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf ; sudo sysctl -p

This is a problem with vagrant and NFS (which I have had very often), but was solved a while ago. The filesystem does not get notified of changes over NFS. Add --watch-poll to enable polling.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Jack-Works picture Jack-Works  路  3Comments

adiachenko picture adiachenko  路  3Comments

hnqlvs picture hnqlvs  路  3Comments

movie4 picture movie4  路  3Comments

MJ111 picture MJ111  路  3Comments