title: Angular: ng serve gives "webpack: Failed to compile"
body: <p>I started the <a href="https://angular.io/guide/quickstart" rel="nofollow noreferrer">Angular QuickStart tutorial</a>, but got stuck right in the first part.</p>
  <h3>What I did</h3>
  <p>I followed the guide, and up to <code>ng serve --open</code> all went nicely, while this command gave an error <code>webpack: Failed to compile</code> after some other error messages, and the browser opened just displayed: <code>Cannot GET /</code></p>
  <h3>Full error log:</h3>
  <pre><code>C:\Users\ppete\Documents\DEV\!Angular\test1&gt;ng serve --open
  ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
   10% building modules 6/9 modules 3 active ...1\node_modules\webpack\hot\emitter.jswebpack: wait until bundle finished: /                                    Hash: 5e52a4b2b9800e47679f
  Time: 5094ms
  chunk    {0} main.bundle.js, main.bundle.js.map (main) 40 bytes {3} [initial] [rendered]
  chunk    {1} styles.bundle.js, styles.bundle.js.map (styles) 28 bytes {4} [initial] [rendered]
  chunk    {2} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 28 bytes {4} [initial] [rendered]
  chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 302 kB [initial] [rendered]
  chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
  
  ERROR in multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
  Module not found: Error: Can't resolve 'C:\Users\ppete\Documents\DEV\' in 'C:\Users\ppete\Documents\DEV\!Angular\test1\node_modules\@angular\cli\models\webpack-configs'
   @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
  
  ERROR in multi ./src/polyfills.ts
  Module not found: Error: Can't resolve 'C:\Users\ppete\Documents\DEV\' in 'C:\Users\ppete\Documents\DEV\!Angular\test1\node_modules\@angular\cli\models\webpack-configs'
   @ multi ./src/polyfills.ts
  
  ERROR in multi ./src/styles.css
  Module not found: Error: Can't resolve 'C:\Users\ppete\Documents\DEV\' in 'C:\Users\ppete\Documents\DEV\!Angular\test1\node_modules\@angular\cli\models\webpack-configs'
   @ multi ./src/styles.css
  
  ERROR in   Error: Child compilation failed:
    Entry module not found: Error: Can't resolve 'C:\Users\ppete\Documents\DEV\' in 'C:\Users\ppete\Documents\DEV\!Angular  \test1\node_modules\@angular\cli\models\webpack-configs':
    Error: Can't resolve 'C:\Users\ppete\Documents\DEV\' in 'C:\Users\ppete\Documents\DEV\!Angular\test1\node_modules\@ang  ular\cli\models\webpack-configs'
  
    - compiler.js:76
      [test1]/[html-webpack-plugin]/lib/compiler.js:76:16
  
    - Compiler.js:291 Compiler.&lt;anonymous&gt;
      [test1]/[webpack]/lib/Compiler.js:291:10
  
    - Compiler.js:494
      [test1]/[webpack]/lib/Compiler.js:494:13
  
    - Tapable.js:138 next
      [test1]/[tapable]/lib/Tapable.js:138:11
  
    - CachePlugin.js:62 Compiler.&lt;anonymous&gt;
      [test1]/[webpack]/lib/CachePlugin.js:62:5
  
    - Tapable.js:142 Compiler.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:142:13
  
    - Compiler.js:491
      [test1]/[webpack]/lib/Compiler.js:491:10
  
    - Tapable.js:131 Compilation.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:131:46
  
    - Compilation.js:645 self.applyPluginsAsync.err
      [test1]/[webpack]/lib/Compilation.js:645:19
  
    - Tapable.js:131 Compilation.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:131:46
  
    - Compilation.js:636 self.applyPluginsAsync.err
      [test1]/[webpack]/lib/Compilation.js:636:11
  
    - Tapable.js:131 Compilation.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:131:46
  
    - Compilation.js:631 self.applyPluginsAsync.err
      [test1]/[webpack]/lib/Compilation.js:631:10
  
    - Tapable.js:131 Compilation.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:131:46
  
    - Compilation.js:627 sealPart2
      [test1]/[webpack]/lib/Compilation.js:627:9
  
    - Tapable.js:131 Compilation.applyPluginsAsyncSeries
      [test1]/[tapable]/lib/Tapable.js:131:46
  
  
  webpack: Failed to compile.
  </code></pre>
  <h3>Versions</h3>
  <pre><code>@angular/cli: 1.1.2
  node: 8.1.2
  os: win32 x64
  @angular/animations: 4.2.3
  @angular/common: 4.2.3
  @angular/compiler: 4.2.3
  @angular/core: 4.2.3
  @angular/forms: 4.2.3
  @angular/http: 4.2.3
  @angular/platform-browser: 4.2.3
  @angular/platform-browser-dynamic: 4.2.3
  @angular/router: 4.2.3
  @angular/cli: 1.1.2
  @angular/compiler-cli: 4.2.3
  @angular/language-service: 4.2.3
  </code></pre>