没有提供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)
答
似乎我的标签是不正确的。感谢@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代码中有正确的标签!
你在哪里注射CarouselComponent? – yurzui
我没有注入它,我只是在我的一个组件模板中使用了一个指令。 –
@yurzui我刚刚添加了模板的html,希望这有助于。 –