錯誤：（SystemJS）XHR錯誤（404 Not Found）加載ng2-gridstack

我只是想在我的Angular2應用程序上安裝ng2-gridstack模塊。在一個新的安裝，我跑：錯誤：（SystemJS）XHR錯誤（404 Not Found）加載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' 
    } 
    ...

嘗試緩存清理，更新到角度的最新版本，但沒有任何更改。

來源

2017-03-02 aseolin

我相信你需要有jquery和lodash導入你的應用程序以及運行ng2-gridstat。 ng2 gridstat根據文檔編譯爲@angular/core和gridstat.js，您必須同時具備這兩個文檔才能運行gridstat.js找到here。這裏是它的一個plunker正確導入plunkr

注：在plunker我使用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文檔瞭解如何正確導入他們剛剛導入在你的應用程序。

來源

2017-03-02 18:49:54 Bean0341

錯誤：（SystemJS）XHR錯誤（404 Not Found）加載ng2-gridstack

回答

相關問題