Я установил основание через jspm install foundation, затем импортирую фундамент и jquery.
Проблема, с которой я столкнулась, заключается в том, что если я импортирую jquery через import $ as 'jquery'
, я получаю ошибку. jquery_1.default не является функцией. Если я импортирую jquery через import * as $ from jquery
, он будет работать как ожидалось
Я вызываю $(document).foundation();
для инициализации компонентов javascript. Ниже мой main.ts
import 'foundation'
import $ from 'jquery';
import {Aurelia} from 'aurelia-framework';
export function configure(aurelia: Aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging();
aurelia.start().then(a => a.setRoot())
.then(a => {
// Initialize framework
$(document).foundation();
});
}
Остальная часть кода представляет собой просто навигацию по умолчанию на простую страницу, содержащую панель навигации с раскрывающимся списком
Примечание. Мне также пришлось явно установить jquery, хотя jquery указан как dep.
Я сделал оригинальное переопределение для основания 6, явно сделал что-то не так, но, похоже, он работал в то время. Тем не менее, с тех пор я узнал, что при установке bootstrap он помещает jquery в компоненты github: и это, похоже, делает так, что jquery не нужно явно устанавливать. Так что в то время все казалось прекрасным.
Для воспроизведения просто используйте скелет aurelia и добавьте страницу с помощью элемента управления основанием, добавив $(document).foundation(), как указано выше