错误：(SystemJS) XHR错误(404未找到)加载ng2-gridstack

Question

我只是想在我的Angular2应用上安装ng2-gridstack模块。在全新安装时，我运行：

npm install gridstack (dependency)
npm install ng2-gridstack

只需遵循instructions，但我得到的错误如下：

​

​

这是我的app.module.ts：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { GridStackComponent, GridStackItemDirective } from 'ng2-gridstack';
import { AppComponent }  from './app.component';
import { UserComponent }  from './components/user.component';
import { AboutComponent }  from './components/about.component';
import { routing }  from './app.routing';

@NgModule({
  imports:      [ BrowserModule, FormsModule, HttpModule, routing ],
  declarations: [ AppComponent, UserComponent, AboutComponent, GridStackComponent, GridStackItemDirective ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

这是我的system.config.js

packages: {
  app: {
    'ng2-gridstack': {
        main: './ng2-gridstack.js',
        defaultExtension: 'js'
    },
    main: './main.js',
    defaultExtension: 'js',      
  },
  rxjs: {
    defaultExtension: 'js'
  }
  ...

尝试清理缓存，更新到angular的最新版本，但没有任何变化。

Answer 1

我认为您还需要将jquery和lodash导入到您的应用程序中才能运行ng2-gridstat。ng2 gridstat是由@angular/core和gridstat.js编译的，根据您必须拥有的文档，才能运行gridstat.js found here。这是一个正确导入的柱塞plunkr

注意:在我刚刚使用CDN导入的柱塞中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.2/lodash.js"></script>

您可能需要转到jquery和lodash文档，以了解如何在应用程序中正确地导入它们。