title: Nodemon not refreshing browser in React-Express-Node App
body: <p>I have installed <code>nodemon</code> <strong>locally</strong> in my workspace, but even though it restarts in the terminal after changes are made, it does not refresh the browser page. I have to manually refresh it each time.</p>
  
  <p>I've got Express, Node, React and Webpack running in the environment. </p>
  
  <p>This is how my setup looks like - </p>
  
  <p><a href="https://i.stack.imgur.com/BPUXT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BPUXT.png" alt="enter image description here"></a></p>
  
  <p>My <code>package.json</code> starts up <code>server.js</code> - </p>
  
  <pre><code>"scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "start": "nodemon server.js"
    },
  </code></pre>
  
  <p>and <code>server.js</code> is - </p>
  
  <pre><code>var express = require('express');
  
  
       var app = express();
          app.use(express.static('public'));
          app.listen(3000, function () {
              console.log("Express server is up on port 3000");
          });
  </code></pre>
  
  <p>The <code>entry point</code> in the webpack config file is - </p>
  
  <pre><code>module.exports = {
      entry: './public/scripts/app.jsx',
      output: {
          path: __dirname,
          filename: './public/scripts/bundle.js'
      }
  </code></pre>
  
  <p>What should I do to fix it? </p>
  
  <hr>
  
  <p>Update - </p>
  
  <p>I made a <a href="https://youtu.be/-EdIWmQs1hs" rel="noreferrer">video</a> to describe the situation, if it helps.</p>