title: Javascript & Webpack: Error: Unknown option '--watch-content-base'
body: <p>I am trying to integrate WebPack into the scripts my package.json file. I was following a video to try and do it and it works fine up until I enter 'npm start'.</p>
  <p>I get an error message in the terminal reading:</p>
  <pre><code>[webpack-cli] Error: Unknown option '--watch-content-base'
  [webpack-cli] Run 'webpack --help' to see available commands and options
  npm ERR! code ELIFECYCLE
  npm ERR! errno 2
  npm ERR! frontend@1.0.0 start: `webpack-dev-server --watch-content-base --open`
  npm ERR! Exit status 2
  npm ERR! 
  npm ERR! Failed at the frontend@1.0.0 start script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  </code></pre>
  <p>And I cannot understand why I'm getting this error considering in the video I was following it works just fine. If I remove ' --watch-content-base' it works but I'm trying to make sure any code changes are automatically updated on the server.</p>
  <p>This is my package.json file:</p>
  <pre><code>{
    &quot;name&quot;: &quot;frontend&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;webpack-dev-server --watch-content-base --open&quot;,
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;
    },
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;devDependencies&quot;: {
      &quot;webpack&quot;: &quot;^5.51.1&quot;,
      &quot;webpack-cli&quot;: &quot;^4.8.0&quot;,
      &quot;webpack-dev-server&quot;: &quot;^4.0.0&quot;
    }
  }
  
  </code></pre>