0

Visual Studio2015 で angular2 を使用して ag-Grid を実装しています。https://github.com/helix46/ag-grid-angular2-beta-tsの例を実装したいと考えています。

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>

しかし読み込めないFailed to load resource: the server responded with a status of 404 (Not Found) ag-grid-ng2/main.js

これは node_module 内にあり、正しいパスを指定していますが、まだ表示されていunable to load resourceます。これがエラーのスナップです。 ag-grid エラー メッセージ この問題の解決を手伝ってください。

ありがとうございます

4

1 に答える 1