angular - ng2-material-select angular2中的错误加载

我正在尝试在应用程序中使用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.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' },
};

关于angular - ng2-material-select angular2中的错误加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39655911/