title: Could not load content for webpack source file in Chrome sources tab
body: <p>I'm using webpack v4.16.2 as my bundle tool, and set <code>devtool</code> to <code>'source-map'</code>. I'm trying to debug the source file through the Chrome sources tab. However, when I click the source file lie down <code>webpack://</code> directory, an error occurred:</p>
  
  <p><a href="https://i.stack.imgur.com/Z7sEF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Z7sEF.png" alt="enter image description here"></a></p>
  
  <p>I'm not using <code>webpack-dev-server</code>, just build the source files into the <code>dist/</code> folder, and load the page through Nginx.</p>
  
  <p>What does this error mean? I'm pretty sure that the source map files are generated. How can I fix this?</p>
  
  <p>Thanks in advance.</p>