加载错误ng2-material-select angular2

Question

我想在我的应用程序中使用ng2-material-select组件。 我添加它systemjs.config.js和module.ts：

Module.ts：

这是module.ts：

import { NgModule, ApplicationRef, ModuleWithProviders } from '@angular/core'; 
// Ahead of Time compile 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule, Http } from '@angular/http'; 
import { FormsModule } from '@angular/forms'; 
import { Routes, RouterModule } from '@angular/router'; 
// import { PLATFORM_DIRECTIVES, PLATFORM_PIPES, provide, enableProdMode } from '@angular/core'; 
import { enableProdMode } from '@angular/core'; 

import { Ng2Select } from 'ng2-material-select'; 
import { Ng2SelectModule } from 'ng2-material-select'; 


@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    Ng2SelectModule 
    ], 

    exports: [ 
    Ng2SelectModule, 
    ], 

    providers: [], 

    declarations: [ 
    app_App, 
    app__COMPONENTS, 
    app__DIRECTIVES, 
    app__PIPES, 
    Ng2Select 
    ], 

    entryComponents: [ 
    App 
    ], 

    bootstrap: [App] 
}) 

，这是我systemjsconfig.js地图：

var map = { 
    'app': '/app', // 'dist', 
    '@angular': '/node_modules/@angular', 
    'angular2-in-memory-web-api': '/node_modules/angular2-in-memory-web-api', 
    'rxjs': '/node_modules/rxjs', 
    'reflect-metadata': '/node_modules/reflect-metadata', 
    'Ng2Select': '/node_modules/ng2-material-select', 
    }; 
var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs': { defaultExtension: 'js' }, 
    'reflect-metadata': { defaultExtension: 'js' }, 
    'Ng2Select': { defaultExtension: 'js' }, 
    }; 

看起来一切正常。但是当我运行该应用程序，我得到以下错误：

(SystemJS) XHR error (404 Not Found) loading http://localhost:3002/ng2-material-select patchProperty/desc.set/wrapFn@http://localhost:3002/node_modules/zone.js/dist/zone.js:647:26 ZoneDelegate.prototype.invokeTask@http://localhost:3002/node_modules/zone.js/dist/zone.js:236:23 Zone.prototype.runTask@http://localhost:3002/node_modules/zone.js/dist/zone.js:136:28 ZoneTask/this.invoke@http://localhost:3002/node_modules/zone.js/dist/zone.js:304:28 Error loading http://localhost:3002/ng2-material-select as "ng2-material-select" from http://localhost:3002/app/module.js "

什么是错的这个配置？

在此先感谢。

Answer 1

你systemjs.config.js是错误的，你必须设置路径的库名，不是你想在这个库中导入的元素：

var map = { 
    'app': '/app', // 'dist', 
    '@angular': '/node_modules/@angular', 
    'angular2-in-memory-web-api': '/node_modules/angular2-in-memory-web-api', 
    'rxjs': '/node_modules/rxjs', 
    'reflect-metadata': '/node_modules/reflect-metadata', 
    'ng2-material-select': '/node_modules/ng2-material-select', 
    }; 
var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs': { defaultExtension: 'js' }, 
    'reflect-metadata': { defaultExtension: 'js' }, 
    'ng2-material-select': { defaultExtension: 'js' }, 
};