2016-04-06 2 views
0

リソースAG-グリッド-NG2/main.jsのロードに失敗しました私は 視覚的studio2015にangular2とAG-グリッドを実装していると私はhttps://github.com/helix46/ag-grid-angular2-beta-tsAG-グリッドエラーが

import {Component} from 'angular2/core'; 
 
import {AgGridNg2} from 'ag-grid-ng2/main'; 
 
import {GridOptions} from 'ag-grid/main'; 
 

 
@Component({ 
 
    selector: 'agGrid', 
 
    templateUrl: "/partial/agGrid", 
 
    directives: [AgGridNg2] 
 
}) 
 
export class agGridComponent { 
 
    constructor() { 
 
     console.log("agGrid Component Start"); 
 
    } 
 
}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8" /> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
 
    <title>@ViewData["Title"]</title> 
 

 
    <environment names="Development"> 
 
     <!-- Css --> 
 
     <link rel="stylesheet" asp-href-include="~/css/*.css"> 
 
    
 
     <!-- Js --> 
 
     <script src="~/js/jquery.js"></script> 
 
     <script src="~/js/bootstrap.js"></script> 
 
     <script src="~/js/system.js"></script> 
 
     <script src="~/js/rx.js"></script> 
 
     <script src="~/js/typescript.js"></script> 
 
     <script src="~/js/angular2/angular2.dev.js"></script> 
 
     <script src="~/js/angular2/angular2-polyfills.js"></script> 
 
     <script src="~/js/angular2/http.dev.js"></script> 
 
     <script src="~/js/angular2/router.dev.js"></script> 
 

 
     <!--ag-grid--> 
 
    
 
     <script src="node_modules/ag-grid/dist/ag-grid.js"></script> 
 
    
 
    </environment> 
 
    
 
    <environment names="Production"> 
 
     <!-- Css --> 
 
     <link rel="stylesheet" asp-href-include="~/css/*.min.css" asp-append-version="true"> 
 
     <!-- Js --> 
 
     <script src="~/js/jquery.min.js"></script> 
 
     <script src="~/js/bootstrap.min.js"></script> 
 
     <script src="~/js/system.min.js"></script> 
 
     <script src="~/js/rx.min.js"></script> 
 
     <script src="~/js/typescript.min.js"></script> 
 
     <script src="~/js/angular2/angular2.dev.min.js"></script> 
 
     <script src="~/js/angular2/angular2-polyfills.min.js"></script> 
 
     <script src="~/js/angular2/http.dev.min.js"></script> 
 
     <script src="~/js/angular2/router.dev.min.js"></script> 
 
     <!--ag-grid--> 
 
     <script src="~/js/ag-grid.js"></script> 
 
    </environment> 
 

 
    <!-- Configure SystemJS --> 
 
    <script> 
 
      System.config({ 
 
       packages: { 
 
        app: { 
 
         format: 'register', 
 
         defaultExtension: 'js' 
 
        }, 
 
        'ag-grid-ng2': { 
 
         defaultExtension: "js" 
 
        }, 
 
        'ag-grid': { 
 
         defaultExtension: "js" 
 
        }, 
 
        'ag-grid-enterprise': { 
 
         defaultExtension: "js" 
 
        } 
 
       }, 
 
       map: { 
 
        'ag-grid-ng2': 'node_modules/ag-grid-ng2', 
 
        'ag-grid-enterprise': 'node_modules/ag-grid-enterprise', 
 
        'ag-grid': 'node_modules/ag-grid' 
 
       } 
 
      }); 
 
      System.import('app/boot') 
 
        .then(null, console.error.bind(console)); 
 
    </script> 
 
</head> 
 
<base href="/" /> 
 
<body> 
 
    <div> 
 
     @RenderBody() 
 
    </div> 
 
</body> 
 
</html>
から例を実装したいです

しかしnode_module内にあると私は正しいパスを与えているが、それはまだ表示され、unable to load resourceFailed to load resource: the server responded with a status of 404 (Not Found) ag-grid-ng2/main.js

を読み込むことができません。ここでは、エラーのスナップです。 ag-grid error message この問題を解決するのを手伝ってください。

あなたに感謝

答えて

1

あなたが不足している:

'ag-grid-ng2': 'node_modules/ag-grid-ng2', 

すなわち

var map = { 
    'ag-grid': 'node_modules/ag-grid', 
    'ag-grid-ng2': 'node_modules/ag-grid-ng2', 
};