如何將'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)注入時@inject(HttpClient, json, datepicker)出現以下錯誤：

GET http://127.0.0.1:8080/jquery.js 404（未找到）

我不確定這兩個庫是否已加載，因為我無法在瀏覽器調試器的源代碼中找到它們。

我究竟做錯了什么？

編輯：

帶有更多信息的圖像

那條線上的錯誤是

“未處理的承諾拒絕TypeError：this.birthDateDatePicker.datetimepicker不是函數”

解：

我添加了以下導入：

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

並在config.js中手動添加休憩地圖：

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

評論/問題：我不確定在此處手動添加它是否是一個好主意，但是我無法像骨架應用程序那樣從引導程序中使用它，我發現它存在於package.json文件的全局依賴項中並找到它在“ jspm_packages / github / components”下。

這是正確的方法嗎？

謝謝

Answer 1

啊哈，當我在混亂中聊天時，我不清楚你在做什么。 我想我現在看到了這個問題...

bootstrap-datetimepicker是一個jQuery插件，加載模塊將在jQuery中安裝該插件的功能。 它可能不會導出任何內容。 如果確實導出某些內容，則應為jquery對象。

嘗試以下方法之一：

import $ from 'Eonasdan/bootstrap-datetimepicker';

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

在任何這些情況下，都不需要涉及依賴項注入（ @inject等）。 直接使用$變量。

Answer 2

如果您使用aurelia骨架作為樣板

import $ from 'bootstrap';

編輯：也可以使用import 'Eonasdan/bootstrap-datetimepicker'; 將datetimepicker作為jquery模塊添加到全局變量