Как импортировать «bootstrap-datetimepicker» в проект Aurelia

Question

Я пытаюсь добавить «Eonasdan/bootstrap-datetimepicker» в Aurelia с текстом проекта и называть this.birthDateDatePicker.datetimepicker(); в «прикрепленном» методе из жизненного цикла Aurelia.

Я добавил:

import $ from 'jquery'; 
import {datepicker} from 'Eonasdan/bootstrap-datetimepicker'; 

и не было никакой ошибки, , но когда я пытаюсь привнести как этот @inject(HttpClient, json, datepicker) я получаю следующее сообщение об ошибке:

GET http://127.0.0.1:8080/jquery.js 404 (Not Found)

Я не уверен, что два библиотеки загружаются, потому что я не могу найти их в источниках в отладчике браузера.

Что я делаю неправильно?

EDIT:

image with more info

Ошибка на этой линии

"Unhandled promise rejection TypeError: this.birthDateDatePicker.datetimepicker is not a function"

РЕШЕНИЕ:

Я добавил следующие импорта:

import $ from 'jquery'; 
import 'Eonasdan/bootstrap-datetimepicker'; 

и вручную добавлены в config.js на карте: благородные предшественники

"jquery":"github:components/jquery@2.2.0", 

Комментарий/Вопрос: Я не уверен, если это хорошая идея, чтобы добавить ее вручную там, но я не мог использовать его из начальной загрузки, как в скелет, и я увидел, что он присутствует в глобальных зависимостях файла package.json и нашел его в разделе «jspm_packages/github/components».

Правильно ли это?

Благодаря

Answer 1

, если вы используете Aurelia-скелета в качестве шаблонного

import $ from 'bootstrap'; 

Редакции: использовать также import 'Eonasdan/bootstrap-datetimepicker'; добавить DateTimePicker как модуль Jquery к глобал

Answer 2

аха, это не было ясно, меня, что ты делал, когда мы болтали в гроте. Я думаю, что сейчас вижу проблему ...

Загрузочный файл-плагин является плагином jQuery, при загрузке модуля устанавливаются функции плагина в jquery. Он ничего не может экспортировать. Если он что-то экспортирует, это должен быть объект jquery.

Попробуйте один из них:

import $ from 'Eonasdan/bootstrap-datetimepicker'; 

import $ from 'jquery'; 
import 'Eonasdan/bootstrap-datetimepicker'; 

В любом из этих случаев, нет необходимости включать инъекции зависимостей (@inject и т.д.). Используйте переменную $ напрямую.