Question

我正在尝试在我的Angular 2应用中使用ng2-datepicker。我按照上面的说明，但日期选择器没有出现。控制台记录以下错误。

url_resolver.js:248 Uncaught TypeError: uri.match is not a function

我的 app.module.ts

import { DatePicker } from 'ng2-datepicker/ng2-datepicker';

@NgModule({
    declarations: [
        AppComponent,
        DatePicker
    ],

app.component.html

<datepicker [(ngModel)]="date" [expanded]="true"></datepicker>

Angular版本2.0.0

的package.json

"dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@material2-extra/calendar": "0.0.14-1",
    "core-js": "^2.4.1",
    "moment": "^2.15.1",
    "ng2-datepicker": "^1.1.0",
    "rxjs": "5.0.0-beta.12",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.6.23"
  },

有什么建议吗？

谢谢

Answer 1

https://github.com/angular/material2/issues/974

使用什么模块构建器？

不要在组件中使用module.id。

Answer 2

从Angular 2.0.0开始，这是一个持续存在的问题，如果您使用的是webpack，并且软件包（在您的情况下为ng2-datepicker）有一个使用module.id的组件，您将收到此错误。根据{{3}}，它在2.0.1中得到修复，但我没有机会证实这一点。希望转移到该版本将为您解决。

如果不是我在我的两个软件包上遇到问题，并且必须移动html和css内联以支持webpack用户。您可以联系包的发布者，看看他们是否会使用该解决方法。

ng2-datepicker不起作用

2 个答案: