没有提供CarouselComponent ngx-boostrap和angular 4应用程序

我正在尝试使用angular-cli获取ngx-bootstrap工作角度为4.4.5。我已经遵循了所有的指示，我已经安装了bootstrap 4.0.0-beta和所有的peer dependencies，并且我已经正确设置了这个项目。没有提供CarouselComponent ngx-boostrap和angular 4应用程序

@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)); 
    } 
}

然后我尝试在我的自定义组件之一的模板使用的组件：

<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)

来源

2017-10-15 Dory Zidon

你在哪里注射CarouselComponent？ – yurzui

我没有注入它，我只是在我的一个组件模板中使用了一个指令。 –

@yurzui我刚刚添加了模板的html，希望这有助于。 –

似乎我的标签是不正确的。感谢@yurzui 失踪我遗失了旋转木马元素。改变html做：

<carousel 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> 
    </carousel>

解决了它。这意味着当缺少一个组件时，请确保您在html代码中有正确的标签！

来源

2017-10-15 15:03:06

没有提供CarouselComponent ngx-boostrap和angular 4应用程序

回答

相关问题