未捕获的错误:无法使用angular2-meteor和ng-bootstrap解析NgbAlert的所有参数 [英] Uncaught Error: Can't resolve all parameters for NgbAlert with angular2-meteor and ng-bootstrap

问题描述

我正在使用angular作为前端运行流星项目，但似乎无法弄清楚如何使@ ng-bootstrap/ng-bootstrap正确导入到我的项目中.这是我的设置...

流星版本:1.6，角版本:5.1.3，@ ng-bootstrap/bootstrap:1.0.0-beta.9，Bootstrap:4.0.0 beta 3(通过CDN的CSS)

client/app/app.module.ts :(简化版本)

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AppComponent} from './app-component';

@NgModule({
    imports: [OtherModules, NgbModule.forRoot()],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
...

client/main.ts :

import '@ng-bootstrap/ng-bootstrap';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { Meteor } from 'meteor/meteor';
import { AppModule } from './app/app.module';

Meteor.startup(() => {
  platformBrowserDynamic().bootstrapModule(AppModule);
});

我不知道为什么模块无法导入. 我敢肯定，这是一个简单的问题，我无法弄清楚.谢谢您的帮助！

完整错误:

Can't resolve all parameters for NgbAlert: (?).
    at syntaxError (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:49950)
    at CompileMetadataResolver._getDependenciesMetadata (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:65156)
    at CompileMetadataResolver._getTypeMetadata (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64991)
    at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64477)
    at CompileMetadataResolver._getEntryComponentMetadata (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:65304)
    at modules.js?hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64774
    at Array.map (<anonymous>)
    at CompileMetadataResolver.getNgModuleMetadata (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64774)
    at CompileMetadataResolver.getNgModuleSummary (modules.js?
hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64589)
    at modules.js?hash=677f7440cc3c0fd0f024fe4055f104c52a9d1865:64687

解决方案

我在此处 解决方案

I posted a similar error here Can't load @ng-bootstrap/ng-bootstrap with angular with a solution I've found after several days beating my head against the wall...

Edit: Added answer

I added require('reflect-metadata'); on top of my renderer.ts .

require('reflect-metadata');
let BrowserModule = require('@angular/platform-browser').BrowserModule;
let UpgradeModule = require('@angular/upgrade/static').UpgradeModule;
let NgbModule = require('@ng-bootstrap/ng-bootstrap').NgbModule;
Placing it somewhere else doesn't make it work.

After some investigation, I came with that the problem was caused due to a reflection error within the JIT compiler when trying to load ng-bootstrap modules.

这篇关于未捕获的错误:无法使用angular2-meteor和ng-bootstrap解析NgbAlert的所有参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！