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

【问题标题】：How to add @progress/kendo-scrollview package in Angular 4 project如何在 Angular 4 项目中添加 @progress/kendo-scrollview 包
【发布时间】：2018-10-25 03:31:35
【问题描述】：

我正在尝试在项目中添加'@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) 在调用任务 (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 作为“@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) 在调用任务 (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 作为“@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]

是否缺少任何步骤，谢谢你

【问题讨论】：

试试npm i。
不，仍然出现同样的错误

标签： angular kendo-ui-angular2

【解决方案1】：

尝试了以下步骤，它成功了。

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

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

【讨论】：