JSPM/Aurelia/Bootstrap 4 не может найти jQuery

Question

Итак, у меня есть настройка aurelia с использованием jspm. У меня есть установки Bootstrap-так:

jspm install npm:bootstrap@4.0.0-alpha.2

Тогда в main.js я сделал:

import 'jquery'; 
import 'bootstrap'; 

export function configure(aurelia) { 
    aurelia.use 
    .standardConfiguration() 
    .developmentLogging(); 

    //Uncomment the line below to enable animation. 
    //aurelia.use.plugin('aurelia-animator-css'); 
    //if the css animator is enabled, add swap-order="after" to all router-view elements 

    //Anyone wanting to use HTMLImports to load views, will need to install the following plugin. 
    //aurelia.use.plugin('aurelia-html-import-template-loader') 

    aurelia.start().then(() => aurelia.setRoot()); 
} 

Я даже попытался import $ from 'jquery' но когда я раскручиваю Aurelia скелет с BS4 я получаю:

Uncaught Error: Bootstrap's JavaScript requires jQuery 

Я могу пойти на консоль и сделать $, и он возвращает материал jquery. Я думаю, что это состояние гонки, но не уверен, как исправить?

EDIT: System.config

System.config({ 
    defaultJSExtensions: true, 
    transpiler: "none", 
    paths: { 
    "*": "dist/*", 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*" 
    }, 
    meta: { 
    "bootstrap": { 
     "deps": [ 
     "jquery" 
     ] 
    } 
    }, 
    map: { 

Answer 1

Использование jspm install bootstrap=github:twbs/bootstrap@4.0.0-alpha.2

Есть проблемы с установкой bootstrap с jspm из npm: (see here).

См. this file о том, как его импортировать (от this project).

Update: here is the Pull Request that should fix this.

Answer 2

Я столкнулся с этой проблемой в последнее время, а также. Попробуйте установить jquery 2 вместо jquery 3. Очевидно, что jquery 3 не зависает от окна, когда он импортируется в качестве модуля так же, как и в jquery 2. Bootstrap 4, по-видимому, не запрашивает его как зависимость ,

Answer 3

Одно из возможных решений для загрузки JQuery из CDN в головной части вашего index.html:

<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 

Взятые из https://code.jquery.com. Используйте другую версию jQuery, если вам нужно. На самом деле это лучшая стратегия развертывания IMHO, потому что вы получите больше параллельных загрузок (лучший параллелизм) в браузере, загрузив библиотеки из CDN.