我在带有.net MVC核心后端的angular 7应用程序中有一个新指令。我在_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 __(...)。slick不是函数 在新的SlickCarouselDirective(slick-carousel.directive.ts:23)上
是否建议使用角度CLI?似乎对您隐藏了webpack。