title: @ngboostrap Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript. when using webpack
body: <p>I'm trying to get bootstrap 4 working with webpack and angular 2. From what I've read the best way to do this is to use ng-bootstrap.</p>
  
  <p>I've added '@ng-bootstrap/ng-bootstrap', to my vendor list after jquery per the instructions and put in the imports in my app.module.ts file.</p>
  
  <p>However when I run the app I get a ZoneSymbolError when I run it in the browser.</p>
  
  <p>I've ensured my webpack.config.vendor.js has been rebuilt etc. and moving things around causes slightly different errors but none of them work properly.</p>
  
  <p>Is there any example (I couldn't find one) or suggestions on how to get ng-bootstrap working with webpack?</p>
  
  <p>Edit: Here's the webpack vendor area.</p>
  
  <pre><code>entry: {
          vendor: [
              '@angular/common',
              '@angular/compiler',
              '@angular/core',
              '@angular/http',
              '@angular/platform-browser',
              '@angular/platform-browser-dynamic',
              '@angular/router',
              '@angular/platform-server',
              'angular2-universal',
              'angular2-universal-polyfills',
              'bootstrap/dist/css/bootstrap.css',
              '@ng-bootstrap/ng-bootstrap',
              'es6-shim',
              'es6-promise',
              'event-source-polyfill',                
              'zone.js',
          ]
      },
  </code></pre>
  
  <p>And here's the error:</p>
  
  <p>Error: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript. at m (<a href="http://localhost:5000/dist/vendor.js?v=kFPeLwtbBxRH90pdzruTblX-UHexGi3YXcDeNvhxzsw:1061:2209" rel="nofollow noreferrer">http://localhost:5000/dist/vendor.js?v=kFPeLwtbBxRH90pdzruTblX-UHexGi3YXcDeNvhxzsw:1061:2209</a>) at Object. (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:1700:9" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:1700:9</a>) at <strong>webpack_require</strong> (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30</a>) at fn (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:84:20" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:84:20</a>) at Object.options.path (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:993:1" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:993:1</a>) at <strong>webpack_require</strong> (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30</a>) at fn (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:84:20" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:84:20</a>) at Object. (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:6108:18" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:6108:18</a>) at <strong>webpack_require</strong> (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:660:30</a>) at module.exports (<a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:709:38" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:709:38</a>) at <a href="http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:712:10" rel="nofollow noreferrer">http://localhost:5000/dist/main-client.js?v=RLXNCyPanqpzRmxUCWX-fr4myBJMfSl5_2XrNSlvG-E:712:10</a></p>
  
  <p>If I put jquery back in it says that jquery must be loaded before but it is and it still errors.</p>