Angular2使用Angular cli安装第三方插件

Angular2使用Angular cli安装第三方插件,angular,angular-cli,Angular,Angular Cli,我的Angular cli的Angular 2版本是2.0.0-rc.1。我正试图按照教程中描述的方法进行安装,但我发现了这个错误 zone.js:101 GET http://localhost:4200/node_modules/angular2-grid/dist/NgGrid 404 (Not Found)scheduleTask @ zone.js:101ZoneDelegate.scheduleTask @ zone.js:336Zone.scheduleMacroTask

我的Angular cli的Angular 2版本是2.0.0-rc.1。我正试图按照教程中描述的方法进行安装,但我发现了这个错误

    zone.js:101 GET http://localhost:4200/node_modules/angular2-grid/dist/NgGrid 404 (Not Found)scheduleTask @ zone.js:101ZoneDelegate.scheduleTask @ zone.js:336Zone.scheduleMacroTask @ zone.js:273(anonymous function) @ zone.js:122send @ VM6591:3fetchTextFromURL @ system.src.js:1154(anonymous function) @ system.src.js:1735ZoneAwarePromise @ zone.js:584(anonymous function) @ system.src.js:1734(anonymous function) @ system.src.js:2759(anonymous function) @ system.src.js:3333(anonymous function) @ system.src.js:3600(anonymous function) @ system.src.js:3985(anonymous function) @ system.src.js:4448(anonymous function) @ system.src.js:4700(anonymous function) @ system.src.js:406ZoneDelegate.invoke @ zone.js:323Zone.run @ zone.js:216(anonymous function) @ zone.js:571ZoneDelegate.invokeTask @ zone.js:356Zone.runTask @ zone.js:256drainMicroTaskQueue @ zone.js:474ZoneTask.invoke @ zone.js:426
zone.js:461 Unhandled Promise rejection: Error: XHR error (404 Not Found) loading http://localhost:4200/node_modules/angular2-grid/dist/NgGrid
        at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)
        at ZoneDelegate.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)
        at Zone.runTask (http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)
        at XMLHttpRequest.ZoneTask.invoke (http://localhost:4200/vendor/zone.js/dist/zone.js:423:34)
    Error loading http://localhost:4200/node_modules/angular2-grid/dist/NgGrid as "angular2-grid" from http://localhost:4200/app/banbeis.component.js ; Zone: <root> ; Task: Promise.then ; Value: Error: Error: XHR error (404 Not Found) loading http://localhost:4200/node_modules/angular2-grid/dist/NgGrid(…)consoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426
zone.js:463 Error: Uncaught (in promise): Error: Error: XHR error (404 Not Found) loading http://localhost:4200/node_modules/angular2-grid/dist/NgGrid(…)
zone.js:101获取http://localhost:4200/node_modules/angular2-grid/dist/NgGrid 404(未找到)scheduleTask@zone.js:101ZoneDelegate.scheduleTask@zone.js:336Zone.scheduleMarotask@zone.js:273(匿名函数)@zone.js:122send@VM6591:3fetchTextFromURL@system.src.js:1154(匿名函数)@system.src.js:1735ZoneAwarePromise@zone.js:584(匿名函数)@system.src.js:1734(匿名函数)@system.src.js:2759(匿名函数)@system.src.js:3333(匿名函数)@system.src.js:3600(匿名函数)@system.src.js:3985(匿名函数)@system.src.js:4448(匿名函数)@system.src.js:4700(匿名函数)@system.src.js:406ZoneDelegate.invoke@zone.js:323Zone.run@zone.js:216(匿名函数)@zone.js:571ZoneDelegate.invokeTask@zone.js:356Zone.runTask@zone.js:256drainMicroTaskQueue@zone.js:474ZoneTask.invoke@zone.js:426
zone.js:461未处理的承诺拒绝:错误:XHR错误(404未找到)加载http://localhost:4200/node_modules/angular2-网格/距离/下一代网格
在XMLHttpRequest.wrapFn[as _onreadystatechange](http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)
在ZoneDelegate.invokeTask(http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)
在Zone.runTask(http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)
在XMLHttpRequest.ZoneTask.invoke(http://localhost:4200/vendor/zone.js/dist/zone.js:423:34)
加载错误http://localhost:4200/node_modules/angular2-网格/距离/NgGrid作为“angular2网格”从http://localhost:4200/app/banbeis.component.js ;区域:;任务:Promise.then;值:Error:Error:XHR错误(未找到404)加载http://localhost:4200/node_modules/angular2-grid/dist/NgGrid(…)consoleError@zone.js:461_loop_1@zone.js:490drainMicroTaskQueue@zone.js:494ZoneTask.invoke@zone.js:426
js:463错误:未捕获(承诺中):错误:错误:XHR错误(404未找到)加载http://localhost:4200/node_modules/angular2-grid/dist/NgGrid(…)

我运行了这个演示示例,它工作了,但之后我尝试使用angular cli,但没有遇到任何困难。一个工作代码将是可观的:)

我在BTMorton(angular2 grid的作者)的帮助下修复了它,我在angular2 grid中打开了一个问题。我在这里发布我的解决方案

在angular-cli-build.js中,我必须这样做

...
    vendorNpmFiles: [
      ...
      'angular2-grid/dist/**/*.js'
      ...
在系统配置中

/** Map relative paths to URLs. */
const map: any = {
    'angular2-grid': 'vendor/angular2-grid/dist'
};

/** User packages configuration. */
const packages: any = {
    'angular2-grid': { main: 'main.js',  defaultExtension: 'js' }
};

cli进行了一些奇怪的绑定,因此出现了许多错误。

您是否将angular2网格添加到angular-cli-build.js中的vendorNpmFiles数组中?更多的代码将有助于查明问题。是的,我找到了,但问题仍然存在。在下面发布我的解决方案