我想从这里实现插件;

Angular2-Carousel Plugin

我正在使用Visual Studio 2017社区运行SPA Angular 2模板 . 我已将软件包添加到我的packages.json文件中并更新它以安装软件包 .

"angular2-carousel": "1.0.12",
"hammerjs": "2.0.8",

在我的app.browser.module.ts中，我有;

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppModuleShared } from './app.shared.module';
import { AppComponent } from './components/app/app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CarouselModule } from "angular2-carousel";

@NgModule({
    bootstrap: [ AppComponent ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        AppModuleShared,
        CarouselModule
    ],
    providers: [
        { provide: 'BASE_URL', useFactory: getBaseUrl }
    ]
})
export class AppModule {
}

然后在我的Component.ts中

import { Injectable, Inject, Component } from '@angular/core';
import { CarouselModule } from "angular2-carousel";
import { APP_CONFIG, AppConfig } from '../../../app.config';

@Component({
    selector: 'serviceSlider',
    templateUrl: './serviceSlider.component.html',
    styleUrls: ['./serviceSlider.component.css']
})
export class ServiceSliderComponent {
    constructor(@Inject(APP_CONFIG) private config: AppConfig) { }
}

我在component.html中;

<carousel-component>
    <div class="item-carousel">a</div>
    <div class="item-carousel">
        <div class="b">
            b
        </div>
    </div>
    <div class="item-carousel">c</div>
    <div class="item-carousel">d</div>
</carousel-component>

但是，当我运行这个时，我得到错误;

NodeInvocationException：模板解析错误：'carousel-component'不是已知元素：1 . 如果'carousel-component'是Angular组件，则验证它是否是此模块的一部分 . 2.如果'carousel-component'是Web组件，则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@NgModule.schemas'以禁止显示此消息 . （”

angular