CarouselComponent ngx-boostrapとangular 4アプリケーションのプロバイダがありません

Question

angg-cliでangg-4.4.5を動作させるngx-bootstrapを取得しようとしています。 私はすべての指示に従いました、私はブートストラップ4.0.0-betaをすべてのピア依存関係にインストールしました。私はプロジェクトを適切にセットアップしました。

@NgModule({ 
    imports: [ 
    BrowserModule, 
    SwingModule, 
    HttpModule, 
    AppRouterModule, 
    FormsModule, 
    MultiselectDropdownModule, 
    CarouselModule.forRoot() //tried also Ng2BootstrapModule.forRoot() 
    ], 
    declarations: [ 
    AppComponent, 
    FirstComponent, 
    MyOwnComponent, 
    YetAnotherComponent 
    ], 
    providers: [ 
    { 
     'provide': APP_INITIALIZER, 
     'useFactory': LookupService.lookupServiceFactory, 
     'deps': [LookupService], 
     'multi': true 
    }, 
    LookupService, PropertiesService, DefaultApi, CacheService], 
    bootstrap: [AppComponent], 
}) 
export class AppModule { 
    // Diagnostic only: inspect router configuration 
    constructor(router: Router) { 
    console.log('Routes: ', JSON.stringify(router.config, undefined, 2)); 
    } 
} 

私はその後、私のカスタムコンポーネントの1のテンプレートでコンポーネントを使用しよう：

<div class="carousel card-image-top no-gutters"> 
    <ul class="slides"> 
     <slide *ngFor="let image of property.ads[0].images"> 
     <li> 
     <img src="{{image}}" alt=""> 
     </li> 
     </slide> 
    </ul> 
    </div> 

私はこのために、様々な解決策を見つけることを試みた、私は勇気-ソフトウェアからすべてのgithubのを試してみました、そこのすべての解決策は機能しませんでした。

私は常に同じエラーが発生します。

PropertyViewerComponent.html:10 ERROR Error: No provider for CarouselComponent! 
    at injectionError (core.es5.js:1169) 
    at noProviderError (core.es5.js:1207) 
    at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._throwOrNull (core.es5.js:2649) 
    at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._getByKeyDefault (core.es5.js:2688) 
    at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._getByKey (core.es5.js:2620) 
    at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.get (core.es5.js:2489) 
    at resolveNgModuleDep (core.es5.js:9492) 
    at NgModuleRef_.webpackJsonp.../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js:10562) 
    at resolveDep (core.es5.js:11050) 
    at createClass (core.es5.js:10912) 

Answer 1

私のタグが間違っています。 @yurzuiありがとう 私はカルーセルの要素が欠落していました。 するhtmlを変更する：

解決済みです。 これは、コンポーネントが見つからない場合は、HTMLコードに正しいタグがあることを確認してください。