错误：（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

回答

相关问题