Попытка импортировать гладкую карусель в моей угловой директиве cli

Question

В моем приложении angular 7 есть новая директива с ядром .net MVC.Я включаю библиотеку Slick в _Layout следующим образом ... вместе с jquery и т. Д.

 <script src="~/node_modules/slick-carousel/slick/slick.js"></script>

Чтобы это работало, у меня есть промежуточное ПО в startup.cs

app.UseNodeModules(env);

В моем угловом приложении ятогда есть такая директива ..

import { Directive, ElementRef ,Input} from '@angular/core';
import * as $ from "jquery";


@Directive({
  selector: '[appSlickCarousel]'
})

export class SlickCarouselDirective {

    constructor(private element:ElementRef)
    {
        console.log(element);

        var defaultOptions = {
        };
        var customOptions = eval($(element).attr("data-options"));
        // combine the two options objects
        for (var key in customOptions) {
            defaultOptions[key] = customOptions[key];
        }

        //// init carousel
        $(element).slick(defaultOptions);


    }
}

Но когда она запускается, я получаю эту ошибку ..

jquery__WEBPACK_IMPORTED_MODULE_1 __ (...). Слик не является новой функциейSlickCarouselDirective (slick-carousel.directive.ts: 23)

Рекомендуется ли использовать угловой CLI?Кажется, он скрывает от вас веб-пакет ..