title: Cannot Get when running Webpack Config in React.js 2020
body: <p>I run 'watch' to execute webpack dev sever <code>"watch": "webpack-dev-server --progress"</code></p>
  
  <p>it compiles with no issues detected in terminal. However, when i go to <a href="http://localhost:8080" rel="nofollow noreferrer">http://localhost:8080</a> , I receive an error message 'Cannot Get'</p>
  
  <p><a href="https://i.stack.imgur.com/12YIB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/12YIB.png" alt="enter image description here"></a></p>
  
  <p>I've created a <a href="https://codesandbox.io/s/laughing-mahavira-tph50" rel="nofollow noreferrer">sandbox</a>. </p>
  
  <p>What I've tried so far adding writeToDisk: true in webpack.config.js and including loaders for svg "file-loader" and css "css-loader" which corrected another error i was having regarding not using a loader for css. I've also tried changing the port to 3000. Not sure how relevant this is to solving this issue but i am using webstorm ide.</p>
  
  <p>UPDATE:</p>
  
  <p>I fixed this issue by moving index.html and manifest.json in to the src folder. </p>
  
  <p>My question now is is there away to make this work without moving index.html and manifest into the same folder as webpack.config.js? If possible i'd rather leave index.html and manifest in the public folder.</p>