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

How to add @progress/kendo-scrollview package in Angular 4 project

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

Error: (SystemJS) XHR error (404) loading https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js Error: XHR error (404) loading https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js at XMLHttpRequest.wrapFn (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1166:39) at ZoneDelegate.invokeTask (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:421:31) at Zone.runTask (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:188:47) at ZoneTask.invokeTask [as invoke] (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) at XMLHttpRequest.globalZoneAwareCallback (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1554:21) Error loading https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js as "@progress/kendo-angular-scrollview" from https://127.0.0.1:470/src/app/app.module.js at XMLHttpRequest.wrapFn (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1166:39) at ZoneDelegate.invokeTask (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:421:31) at Zone.runTask (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:188:47) at ZoneTask.invokeTask [as invoke] (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) at XMLHttpRequest.globalZoneAwareCallback (https://127.0.0.1:470/node_modules/zone.js/dist/zone.js:1554:21) Error loading https://127.0.0.1:470/node_modules/@progress/kendo-angular-scrollview/dist/cdn/js/kendo-angular-scrollview.js as "@progress/kendo-angular-scrollview" from 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]

是否缺少任何步骤, 谢谢

尝试了以下步骤并且成功了。

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

关注link了解详情https://www.npmjs.com/package/@progress/kendo-angular-scrollview