javascript - 如何将 'bootstrap-datetimepicker'导入Aurelia项目

Question

我正在尝试将“Eonasdan/bootstrap-datetimepicker”添加到带有 typescript 的 Aurelia 项目中，并在 Aurelia life 的“附加”方法中调用 this.birthDateDatePicker.datetimepicker();循环。

我添加:

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

并且没有错误， 但是当我尝试像这样注入(inject) @inject(HttpClient, json, datepicker) 我收到以下错误:

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

我不确定这两个库是否已加载，因为我在浏览器调试器的源代码中找不到它们。

我做错了什么？

编辑:

image with more info

该行的错误是

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

解决方案:

我添加了以下导入:

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

并在 config.js 中手动添加以下 map :

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

评论/问题:我不确定手动添加它是否是一个好主意，但我无法像在骨架应用程序中那样从 Bootstrap 中使用它，并且我看到它存在于 package.json 的全局依赖项中文件并在“jspm_packages/github/components”下找到它。

这是正确的方法吗？

谢谢

Answer 1

啊哈，当我们在 gitter 中聊天时，我不清楚你在做什么。我想我现在看到了这个问题...

bootstrap-datetimepicker是一个jQuery插件，加载模块会在jquery中安装插件的功能。它可能不会导出任何东西。如果它确实导出了一些东西，它应该是 jquery 对象。

尝试以下其中一项:

import $ from 'Eonasdan/bootstrap-datetimepicker';

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

在任何这些情况下，都不需要涉及依赖项注入(inject)(@inject 等)。直接使用 $ 变量。