title: only one instance of babel/polyfill is allowed with angular ui-router
body: <p>currently, I work for a school project and want to show some charts with angularJs and meteor.</p>
  
  <p>I want to use the ui-router plugin. But when I try to use it, I get the following error:</p>
  
  <pre><code>Error: only one instance of babel/polyfill is allowed
  at Object.eval (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:2872:9)
  at Object.1.180 (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:2875:4)
  at s (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:2863:254)
  at e (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:2863:425)
  at eval (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:2863:443)
  at eval (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:7043:4)
  at eval (eval at &lt;anonymous&gt; (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22), &lt;anonymous&gt;:7050:3)
  at eval (&lt;anonymous&gt;)
  at http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:397:22
  at Function.globalEval (http://localhost:3000/packages/jquery.js?hash=22a0055f59bd150c435c5aba34c7c59076b8bcd9:398:7) &lt;div ui-view="" class="ng-scope" data-ng-animate="1"&gt;
  </code></pre>
  
  <p>Also I get this warning:</p>
  
  <pre><code>Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
  </code></pre>
  
  <p>I have really no idea what this message want to tell me. I didnt load babel/polyfill more than one time. Before I got this message I even didnt know of this plugin.</p>
  
  <p>This is my main.js with the ui-router code:</p>
  
  <pre><code>import angular from 'angular';
  import angularMeteor from 'angular-meteor';
  import uiRouter from 'angular-ui-router';
  import ngMaterial from 'angular-material';
  import '../../../node_modules/angular-material/angular-material.css'
  import '../own.css';
  import template from './main.html';
  import { name as Navigation } from '../navigation/navigation';
  import {name as Toolbar} from '../toolbar/toolbar';
  import {name as View1} from '../view1/view1';
  import {name as View2} from '../view2/view2';
  
  class Main {}
  
  const name = 'main';
  
  // create a module
  export default angular.module(name, [
  angularMeteor,
  uiRouter,
  Navigation,
  Toolbar,
  View2,
  View1,
  ngMaterial
  ]).component(name, {
  template,
  controllerAs: name,
  controller: Main
  })
  .config(config);
  function config($mdThemingProvider,$urlRouterProvider,$stateProvider ) {
  'ngInject';
  
  
  $urlRouterProvider.otherwise('view1');
  
  $stateProvider
      .state('view1', {
          url: '/',
          templateUrl: 'test.html'
      });
  
  $mdThemingProvider
      .theme('default')
      .primaryPalette('orange')
      .accentPalette('deep-orange')
      .warnPalette('red');
  }
  </code></pre>
  
  <p>And this is the code of my main.html where the view should be injected:</p>
  
  <pre><code>&lt;div layout="column" style="height: 100%"&gt;
  &lt;toolbar scroll&gt;&lt;/toolbar&gt;
  &lt;section layout="row" flex&gt;
  
      &lt;navigation&gt;&lt;/navigation&gt;
  
      &lt;md-content flex layout-padding style="margin-top: 75px"&gt;
  &lt;div ui-view=""&gt;&lt;/div&gt;
      &lt;/md-content&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p></p>
  
  <p>Without ui-router it works fine!</p>
  
  <p>What is the problem here?</p>