错误：（SystemJS）XHR错误（404 Not Found）loading 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'
  }
  ...

尝试缓存干净，更新到最新版本的角度，但没有任何改变。

Answer 1

我认为您还需要将jquery和lodash导入您的应用程序才能运行ng2-gridstat。 ng2 gridstat是根据您必须具备的文档编译的@angular/core和gridstat.js，以便运行gridstat.js找到here。以下是正确导入plunkr

的插件

注意：在我刚刚使用CDN导入的plunker

中

<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文档，以了解如何在应用程序中正确导入它们。