ngx-bootstrap/dropdownはangular4と[email protected]で動作しません。

Question

ngx-bootstrap 1.9.3をインストールするにはすべて問題ありません。私のプロジェクトは完璧です。 ngx-bootstrapプロジェクトのインストール後に停止しました。 ngx-bootstrapを削除すると、プロジェクトが完璧に実行されます。

私はそのようなsystemjs.config.jsを使用しています：武勇-ソフトウェアのページのような

map: { 
 
    app: 'src/app', 
 
    '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js', 
 
    '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js', 
 
    '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js', 
 
    '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
 
    '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
 
    '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
 
    '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
 
    '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
 
    '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
 
    '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
 
    '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
 
    'rxjs': 'npm:rxjs', 
 
    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api', 
 
    'jquery': 'npm:jquery/', 
 
    'lodash': 'npm:lodash/lodash.js', 
 
    'moment': 'npm:moment', 
 
    'symbol-observable': 'npm:symbol-observable' 
 
    }, 
 
    packages: { 
 
    app: { 
 
     main: './main.js', 
 
     defaultExtension: 'js' 
 
    }, 
 
    rxjs: { 
 
     defaultExtension: 'js' 
 
    }, 
 
    'angular-in-memory-web-api': { 
 
     main: './index.js', 
 
     defaultExtension: 'js' 
 
    }, 
 
    'moment': { 
 
     main: 'moment.js', 
 
     defaultExtension: 'js' 
 
    }, 
 
    'symbol-observable': { 
 
     main: 'index.js', 
 
     defaultExtension: 'js' 
 
    } 
 
    }

使用法：

import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; 
 

 
@NgModule({ 
 
    imports: [BsDropdownModule.forRoot(),...] 
 
}) 
 
export class AppModule(){}

義和私は行方不明ですか？ ありがとうございました！

Answer 1

これは私の作品：app.module.tsで

：systemjs.config.jsで

import { BsDropdownModule } from 'ngx-bootstrap'; 

は、どのように私はsystemjs.configの場所を見つけることができます

'ngx-bootstrap':   'npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js', 

in map: {} section