エラー：（SystemJS）XHRエラー（404 Not Found）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

ng2-gridstatを実行するには、アプリケーションにjqueryとlodashをインポートする必要があると思います。 ng2 gridstatは@angular/coreとgridstat.jsの両方でコンパイルされており、gridstat.jsが見つかった場合はhereとなります。ここでのplunkerは正しくplunkr

注インポートされます。plunkerに私はちょうどあなたがそれらを正しくインポートする方法を見つけるためにjQueryとlodashドキュメントに行かなければならないことがあり、ここで

<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> 

をCDNのを使用してインポートあなたのアプリケーションで。