Javascript 拉维混合料&x2B;光滑转盘

Javascript 拉维混合料&x2B;光滑转盘,javascript,php,webpack,laravel-mix,Javascript,Php,Webpack,Laravel Mix,我使用LaravelMix(网页包)来编译我的项目。试图添加slick carousel插件,但出现错误:uncaughtTypeError:$(…)。slick不是函数。 我使用webpack.mix.js文件中的.copy()方法将节点模块目录复制到公共目录: .copy('node_modules/jquery/dist/jquery.min.js', 'public/js') .copy('node_modules/slick-carousel/slick/slick.min.js',

我使用LaravelMix(网页包)来编译我的项目。试图添加slick carousel插件,但出现错误:
uncaughtTypeError:$(…)。slick不是函数
。 我使用
webpack.mix.js
文件中的
.copy()
方法将节点模块目录复制到公共目录:

.copy('node_modules/jquery/dist/jquery.min.js', 'public/js')
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/js')
.copy('node_modules/slick-carousel/slick/slick.css', 'public/css')
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/css')
所有文件都成功地出现在适当的公共目录中,这些文件可以在“源”选项卡(在浏览器检查器中)中看到

在我插入slick样式之后,然后是jquery(尝试了几个版本),然后是html头部中的slick.js。我甚至使用了cdn URL。 如果我不使用laravel mix也可以使用slick。


它不起作用,我不明白怎么了。请帮忙

尝试进行如下更改:

.copy('node_modules/jquery/dist/jquery.min.js', 'public/assets/js')
.copy('node_modules/slick-carousel/slick/slick.min.js', 'public/assets/js')
.copy('node_modules/slick-carousel/slick/slick.css', 'public/assets/css')
.copy('node_modules/slick-carousel/slick/slick-theme.css', 'public/assets/css')

参考资料:

首先
npm安装滑溜转盘

如果您使用的是复制,那么

mix.copy('node_modules/slick-carousel/slick', 'public/assets/slick');
也可以手动复制粘贴

.html
文件中

<link rel="stylesheet" type="text/css" href="/assets/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/assets/slick/slick-theme.css"/>
<script type="text/javascript" src="/assets/slick/slick.min.js"></script>