webpack无法编译。 Kendo Angular ui

时间:2017-06-22 15:20:48

标签: kendo-ui webpack telerik kendo-ui-angular2

我刚用kendo的DialogModule增强了我的应用程序,现在webpacks因为这个错误而无法编译:

ERROR in /Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es/intl.service.d.ts (1,117): Cannot find module '@telerik/kendo-intl'.

ERROR in /Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es/cldr-intl.service.d.ts (1,117): Cannot find module '@telerik/kendo-intl'.

ERROR in /Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es/date.pipe.d.ts (3,35): Cannot find module '@telerik/kendo-intl'.

ERROR in /Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es/number.pipe.d.ts (3,37): Cannot find module '@telerik/kendo-intl'.

ERROR in /Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es/intl-members.d.ts (1,117): Cannot find module '@telerik/kendo-intl'.

ERROR in ./~/@progress/kendo-angular-intl/dist/es/intl-members.js
Module not found: Error: Can't resolve '@telerik/kendo-intl' in '/Users/marco/ants-web-v2/node_modules/@progress/kendo-angular-intl/dist/es'
 @ ./~/@progress/kendo-angular-intl/dist/es/intl-members.js 1:0-44
 @ ./~/@progress/kendo-angular-intl/dist/es/main.js
 @ ./~/@progress/kendo-angular-grid/dist/es/grid.module.js
 @ ./~/@progress/kendo-angular-grid/dist/es/main.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

这是我的package.json内容:

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@progress/kendo-angular-buttons": "^1.0.4",
    "@progress/kendo-angular-dateinputs": "^1.0.4",
    "@progress/kendo-angular-dialog": "^1.0.3",
    "@progress/kendo-angular-dropdowns": "^0.1.0",
    "@progress/kendo-angular-excel-export": "^1.0.2",
    "@progress/kendo-angular-grid": "^1.2.0",
    "@progress/kendo-angular-inputs": "^1.0.5",
    "@progress/kendo-angular-intl": "^1.2.0",
    "@progress/kendo-angular-l10n": "^1.0.1",
    "@progress/kendo-angular-layout": "^1.0.4",
    "@progress/kendo-data-query": "^1.0.4",
    "@progress/kendo-drawing": "^1.1.0",
    "@progress/kendo-theme-default": "^2.37.5",
    "angular2-google-maps": "^0.17.0",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "ngx-bootstrap": "^1.7.1",
    "rxjs": "^5.4.1",
    "zone.js": "^0.8.12"
  }

我知道我正在使用angular4,到目前为止它从未引起任何问题

1 个答案:

答案 0 :(得分:0)

我正在使用Angular 4.2.6和Kendo UI的设置。在package.json中尝试以下依赖项。它对我有用。

 "dependencies": {
    "@angular/animations": "4.2.6",
    "@angular/common": "4.2.6",
    "@angular/compiler": "4.2.6",
    "@angular/core": "4.2.6",
    "@angular/forms": "4.2.6",
    "@angular/http": "4.2.6",
    "@angular/material": "2.0.0-beta.7",
    "@angular/platform-browser": "4.2.6",
    "@angular/platform-browser-dynamic": "4.2.6",
    "@angular/router": "4.2.6",
    "@progress/kendo-angular-buttons": "1.0.5",
    "@progress/kendo-angular-dialog": "1.0.4",
    "@progress/kendo-angular-dropdowns": "1.1.2",
    "@progress/kendo-angular-grid": "1.2.3",
    "@progress/kendo-angular-inputs": "1.0.7",
    "@progress/kendo-angular-intl": "1.2.1",
    "@progress/kendo-angular-l10n": "1.0.2",
    "@progress/kendo-angular-label": "1.0.2",
    "@progress/kendo-angular-layout": "1.0.5",
    "@progress/kendo-data-query": "1.0.5",
    "@progress/kendo-theme-default": "2.38.1",
    "core-js": "2.4.1",
    "rxjs": "5.4.2",
    "zone.js": "0.8.13"
  }

我希望当前版本的Kendo UI对话框和intl包可以解决您的问题。

"@progress/kendo-angular-intl": "1.2.1"
"@progress/kendo-angular-dialog": "1.0.4"

更新:Angular 4.3.0已经用完 - 您可以尝试使用此版本而不是4.2.6