ngx-bootstrap/dropdown不能与angular4和[email protected]配合使用
问题描述:
Befor安装ngx-bootstrap 1.9.3一切正常。我的项目非常完美。安装完ngx-bootstrap项目后停止。 如果我删除了ngx-bootstrap,我的项目运行完美。ngx-bootstrap/dropdown不能与angular4和[email protected]配合使用
我用这样的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(){}
什我错过了吗? 谢谢!
答
这个工作对我来说:
在app.module.ts:
import { BsDropdownModule } from 'ngx-bootstrap';
在systemjs.config.js添加
'ngx-bootstrap': 'npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js',
in map: {} section
我如何才能找到systemjs.config位置.js? – pTi
它通常在项目的根源。在index.html所在的文件夹和“app”文件夹中 –