1

我使用 laravel mix (webpack) 来编译我的项目。尝试添加 slick carousel 插件但出现错误：Uncaught TypeError: $(...).slick is not a function. 我使用文件中的.copy()方法webpack.mix.js从 node_modules 目录复制到公共目录：

.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 的情况下做同样的事情，那么光滑就可以了。

它不起作用，我不明白出了什么问题。请帮忙！

4

2 回答 2

0

尝试更改如下：

.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')

参考：https ://new.laravel.su/docs/5.4/mix

于 2017-05-29T08:13:05.683 回答
-2

第一的npm install slick-carousel

如果您使用的是副本，那么

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>
于 2018-05-21T15:57:00.240 回答