Question

开始使用无限婴儿车

我已将文件jquery.jscroll.min.js放在resources/assets/js内我已将此代码放在结束body标记之前

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="{{ asset('js/jquery.jscroll.min.js') }}"></script>

附带问题，我是否必须在Laravel中包含jQuery我在考虑包含jQuery？

无论如何在我的app.js里面放了

$('ul.pagination').hide();
$(function() {
    $('.infinite-scroll').jscroll({
        autoTrigger: true,
        loadingHtml: '<img class="center-block" src="/images/loading.gif" alt="Loading..." />',
        padding: 0,
        nextSelector: '.pagination li.active + li a',
        contentSelector: 'div.infinite-scroll',
        callback: function() {
            $('ul.pagination').remove();
        }
    });
});

然后我运行npm i laravel-mix，然后npm install。我的webpack.mix.js里面放了

mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/jquery.jscroll.min.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');

最后我运行npm run dev

我收到此错误TypeError: $(...).jscroll is not a function /js/app.js:6866

这意味着Laravel对jquery.jscroll.min.js文件一无所知，但我可以看到app.js和jquery.jscroll.min.js这两个文件已在public / js文件夹中成功构建。我做错了什么？

无法在laravel 5.6中使用导入的js库

0 个答案: