ag-grid错误无法加载资源ag-grid-ng2 / main.js [英] ag-grid Error Failed to load resource ag-grid-ng2/main.js

查看:71
本文介绍了ag-grid错误无法加载资源ag-grid-ng2 / main.js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在visual studio2015
中实现带有angular2的ag-Grid,我想从 https://github.com/helix46/ag-grid-angular2-beta-ts

I am implementing ag-Grid with angular2 in visual studio2015 and I want to implement the example from 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>

但无法加载无法加载资源:服务器以404(未找到)状态响应ag-grid-ng2 / main.js

位于node_module内,并且给出了正确的路径,但仍显示无法加载资源。这是错误的提示。
ag-grid错误消息
请帮助我解决此问题。

which is inside node_module and I am giving the correct path, but it is still showing, unable to load resource. Here is a snap of the error. ag-grid error message Please help me to resolve this.

谢谢

推荐答案

您丢失了:

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

ie

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

这篇关于ag-grid错误无法加载资源ag-grid-ng2 / main.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆