Angular2材质映射问题

Question

我使用Angular2β与angular2材料alpha.3他们是兼容的，但我有映射问题。

在我的公开/索引中。我有这个系统设置

System.config (
            {
                packages: {
                    app: {
                        format          : 'register',
                        defaultExtension: 'js'
                    }
                },
                map: {
                    '@angular2-material/input': 'node_modules/@angular2-material/input'
                }
            }
        );
        System.import ( 'app/boot' ).then ( null, console.error.bind ( console ) );

但是在我的一个组件中，当我尝试导入并将其添加到指令中以在模板中使用时，如下所示：

import { Component } from 'angular2/core';
import { ControlGroup, Validators, FormBuilder } from 'angular2/common';
import { Http, Headers } from 'angular2/http';
import { ConfigService } from '../../services';
import {MD_INPUT_DIRECTIVES} from '@angular2-material/input';


@Component({
    selector: 'test-form',
    providers: [],
    templateUrl: ConfigService.APP_FOLDER + '/components/test/test.html',
    directives: [MD_INPUT_DIRECTIVES]
}) 

我得到这个错误：

angular2-polyfills.js:127GEThttp://localhost:8080/node_modules/@angular2-材质/输入404（未找到）安排任务@angular2-polyfills.js:127ZoneDelegate.schedule任务@angular2-polyfills.js:[e-mail]:299（匿名函数）@angular2-polyfills.js:148发送@VM1191:[e-mail]:1154（匿名函数）@system.src.js:1735ZoneAware [e-mail]:610（匿名函数）@system.src.js:1734（匿名函数）@system.src.js:2759（匿名函数）@system.src.js:3333（匿名函数）@system.src.js:3600（匿名函数）@system.src.js:3985（匿名函数）@system.src.js:4448（匿名函数）@system.src.js:4700（匿名函数）@system.src.js:406ZoneDelegate.invoke@angular2-polfills. js： 349Zone. run@angular2-polfills. js： 242（匿名函数）@angular2-polfills. js： 597Zone委托. invkeWG@angular2-polfills. js： 382Zone. runTask@angular2-polfills. js： 282drainMicroTaskQueue@angular2-polfills. js： 500ZoneTaskQueue@angular2-polfills. js： 452 angular2-polfills. js： 349错误：错误：XHR错误（404未找到）加载文本超传输协议：//localhost：8080/node_modules/@angular2-材质/输入

Answer 1

<script>
        System.config (
            {
                map: {
                    '@angular2-material' : 'libs/@angular2-material',
                },
                packages: {
                    app: {
                        format          : 'register',
                        defaultExtension: 'js'
                    },
                    '@angular2-material/core' : {
                        main: 'core.js',
                        defaultExtension: 'js'
                    },
                    '@angular2-material/input' : {
                        main: 'input.js',
                        defaultExtension: 'js'
                    }
                }
            }
        );
        System.import ( 'app/boot' ).then ( null, console.error.bind ( console ) );
    </script>

修复了需要映射@angular2材质，然后需要将angular2材质中的每个包定义为其JS文件的问题。