Angular 8 Angular Element ngx-slick-carousel e$ instance.slick不是函数

问题描述

我的Angular Element项目有问题。我使用Angular元素创建了一个Web聊天小部件，并添加了ngx-slick-carousel。将小部件放在空HTML上后，一切工作正常。要将角度元素添加到真实页面后，调用ngx-slick-carousel组件时出现错误。

ERROR TypeError: e.$instance.slick is not a function-这是我的问题。

我几乎已经尝试了所有方法，但不知道哪里可能是问题所在。我在angular.json文件中有脚本和样式：

"styles": [
"node_modules/slick-carousel/slick/slick.scss","node_modules/slick-carousel/slick/slick-theme.scss"
],"scripts": ["node_modules/jquery/dist/jquery.min.js","node_modules/slick-carousel/slick/slick.min.js"]

我还添加了：

import * as jQuery from 'jquery';
window['$'] = jQuery;

到polyfills.ts文件。

一旦我在窗口小部件中调用轮播，我仍然会遇到此错误：

ERROR TypeError: e.$instance.slick is not a function
    at angular-element.js:1
    at t.invoke (angular-element.js:1)
    at e.run (angular-element.js:1)
    at e.runOutsideAngular (angular-element.js:1)
    at e.initSlick (angular-element.js:1)
    at e.ngAfterViewChecked (angular-element.js:1)
    at e.ngAfterViewInit (angular-element.js:1)
    at Oo (angular-element.js:1)
    at Do (angular-element.js:1)
    at To (angular-element.js:1)

我的第一个想法是，放置角元素的真实页面正在加载旧的jQuery版本（1.10.2），因此有2个jQuery版本，并且首先加载了旧版本。我读到，有一种$.noConflict(true)命令，但是我不确定应该将其确切放置在何处。有谁知道发生了什么事以及如何解决？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular javascript