ng2-datetime：未定义jQuery

Question

我已经安装了jQuery类型和所有项目依赖项。但我真的无法绕过这一个。

模板源（jade）：

.form-group
      .col-sm-4
        label Birth Date
        datetime(name="birthDate", [(ngModel)]="transaction.general_information.birthDate")
...

模块源（ts）：

import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';
...
@NgModule({
  imports: [
    ...,
    NKDatetimeModule
  ],...
})
...

错误（开发者控制台Chrome）：

EXCEPTION: Error in ./OrdersNewStep1 class OrdersNewStep1 - inline template:0:1046 caused by: jQuery is not defined

Github项目： ng2-datetime

使用：

• Angular2
• 的WebPack

Answer 1

WebPack将所有模块放入隔离的范围。同时，大多数插件都希望在全局范围内定义jQuery。您可以使用Provide plugin为webpack修复此问题

new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery"
})