如何在Angular 4项目中添加@ progress / kendo-scrollview包

时间:2018-05-15 10:22:50

标签: angular kendo-ui-angular2

我试图在项目中添加'@progress/kendo-scrollview'包。我收到以下错误

  

错误:(SystemJS)XHR错误(404)加载   https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js   错误:XHR错误(404)加载   https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js         在XMLHttpRequest.wrapFn(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1166:39)         在ZoneDelegate.invokeTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:421:31)         在Zone.runTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:188:47)         在ZoneTask.invokeTask [作为调用](https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:496:34)         at invokeTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1517:14)         在XMLHttpRequest.globalZoneAwareCallback(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1554:21)     错误加载   https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js   as" @ progress / kendo-angular-scrollview"从   https://127.0.0.1:470/src/app/app.module.js         在XMLHttpRequest.wrapFn(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1166:39)         在ZoneDelegate.invokeTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:421:31)         在Zone.runTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:188:47)         在ZoneTask.invokeTask [作为调用](https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:496:34)         at invokeTask(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1517:14)         在XMLHttpRequest.globalZoneAwareCallback(https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1554:21)     错误加载   https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js   as" @ progress / kendo-angular-scrollview"从   https://127.0.0.1:470/src/app/app.module.js

我已完成以下步骤添加' @ progress / kendo-scrollview'

- installed the package 
    npm install --save@progress/kendo-scrollview
- Added to package.json file
     @progress/kendo-angular-scrollview": "2.0.0
- Added in system.js file
    '@progress/kendo-angular-scrollview': 'npm:@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js'
- imported in App.module
    import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
    @NGModule
    imports:[scrollviewModule]

是否缺少任何步骤, 谢谢

1 个答案:

答案 0 :(得分:0)

尝试了以下步骤并且有效。

  • 转到项目根文件夹并打开命令提示符。
  • 键入' npm i @ progress / kendo-angular-scrollview'
  • 添加其依赖项。
  • 包文件夹应添加到您的node_modules

点击链接了解详情https://www.npmjs.com/package/@progress/kendo-angular-scrollview