Javascript 将滑动转盘添加到Magento 2主页

我有一个问题，我认为应该是一个基本的东西，但我显然做了一些错误的事情，我想做的是有一个基本的横幅滑块使用滑动jquery插件。我有一个自定义主题可以正常工作，我已经将slick.min.js下载到app/design/frontend/Pyxis/pyxisheme/web/js/slick.min.js

然后，我在我的/web文件夹中创建了requirejs-config.js，并添加了以下内容：

`var config = {
    paths: {
        slick:        'js/slick.min'
    },
    shim: {
        slick: {
            deps: ['jquery']
        }
    }
};`

当我查看页面源代码和文件时，我可以看到这些代码

我的问题是，当我将jquery代码添加到CMS页面ie主页时，如下所示：

<script>
    require([
        'jquery',
        'slick.min'
    ], function ($) {
        jQuery(document).ready(function () {
            jQuery(".home-banners").slick({
                dots: true,
                infinite: true,
                arrows: true,
                speed: 300,
                slidesToShow: 1,
                slidesToScroll: 1,
            });
        });
    });
</script> 

要求([
“jquery”，
“斯里克·敏”
]，函数（$）{
jQuery（文档）.ready（函数（）{
jQuery（“主页横幅”）.slick({
点：是的，
无限：是的，
箭头：是的，
速度:300,，
幻灯片放映：1，
幻灯片滚动：1，
});
});
});

我收到一个控制台错误，说找不到slick.min.js？我已在终端中运行了以下命令：

php bin/magento设置：升级
php-d内存限制=2048M bin/magento设置：静态内容：部署en_GB-f
php-d内存限制=2048M bin/magento缓存：刷新

知道为什么找不到我的slick.min.js文件吗

---

谢谢你requirejs config.js的路径是错误的，你应该在

app/design/frontend/Pyxis/pyxisheme/

中找到它，而不是在

/web

中

接下来，在

requirejs config.js

中映射

slick:'js/slick.min'

但在phtml中使用的是

slick.min

。尝试更改为

slick

在此之后，只需使用以下命令：

rm -rf var/view_preprocessed/* 
rm -rf pub/static/frontend/*
bin/magento setup:static-content:deploy en_GB -f
bin/magento cache:flush

---

requirejs config.js

的路径错误，您应该在

app/design/frontend/Pyxis/pyxisheme/

中找到它，而不是在

/web

中

接下来，在

requirejs config.js

中映射

slick:'js/slick.min'

但在phtml中使用的是

slick.min

。尝试更改为

slick

在此之后，只需使用以下命令：

rm -rf var/view_preprocessed/* 
rm -rf pub/static/frontend/*
bin/magento setup:static-content:deploy en_GB -f
bin/magento cache:flush

---

您是否尝试过设置：di:compile？不确定它是否有效，但可能：）您是否尝试过设置：di:compile？不确定它是否有效，但可能：）