Laravel 如何修复旋转木马不显示的问题

我使用的是Laravel Framework 6.20.16

我将CSS链接和js脚本添加到模板文件中，并将其链接添加到index.blade.php文件中 通常使用@extends（'layouts.sewaTemplate'）

<link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css') }}">
<script src="{{ asset('js/owl.carousel.min.js') }}"></script>

我在索引页面的底部添加脚本代码，如下所示

@section('scripts')
<script>
$(document).ready(function() {
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 4,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true
});
$('.play').on('click', function() {
owl.trigger('play.owl.autoplay', [1000])
})
$('.stop').on('click', function() {
owl.trigger('stop.owl.autoplay')
})
})
</script>
@endsection

@节（“脚本”）
$（文档）.ready（函数（）{
var owl=$（'.owl carousel'）；
猫头鹰旋转木马({
项目：4，
循环：对，
差额：10，
自动播放：对，
自动播放超时：1000，
自动播放暂停：true
});
$（'.play'）。在（'click'，function（）上{
触发器（'play.owl.autoplay'，[1000]）
})
$（'.stop'）。在（'click'，function（）上{
触发器（'stop.owl.autoplay'）
})
})
@端部

我将这个HTML代码添加到索引页面

    <div class="row">
        <div class="large-12 columns">
        <div class="owl-carousel owl-theme">
            <div class="item">
            <h4>1</h4>
            </div>
            <div class="item">
            <h4>2</h4>
            </div>
            <div class="item">
            <h4>3</h4>
            </div>
            <div class="item">
            <h4>4</h4>
            </div>
            <div class="item">
            <h4>5</h4>
            </div>
            <div class="item">
            <h4>6</h4>
            </div>
            <div class="item">
            <h4>7</h4>
            </div>
            <div class="item">
            <h4>8</h4>
            </div>
            <div class="item">
            <h4>9</h4>
            </div>
            <div class="item">
            <h4>10</h4>
            </div>
            <div class="item">
            <h4>11</h4>
            </div>
            <div class="item">
            <h4>12</h4>
            </div>
        </div>
        <a class="button secondary play">Play</a> 
        <a class="button secondary stop">Stop</a> 
</section>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
玩
停止

**但这里只有表演和停止**

控制台中有一个错误

app.js:49777未捕获错误：模块构建失败（从 ./node_modules/vue loader/lib/index.js）：类型错误：无法读取 未定义的属性“parseComponent” 解析时（home/sameera/Desktop/sewa/sewa/node_modules/@vue/component compiler-utils/dist/parse.js:15） 在Object.module.exports（home/sameera/Desktop/sewa/sewa/node_modules/vue loader/lib/index.js:67） 位于Object../resources/js/components/ExampleComponent.vue（app.js:49777） 在网页上需要（app.js:20） 位于Object../resources/js/app.js（app.js:49712） 在网页上需要（app.js:20） 在Object.0（app.js:49799） 在网页上需要（app.js:20） app.js:84 在app.js:87./resources/js/components/ExampleComponent.vue@app.js:49777 webpack\u需要@app.js:20./resources/js/app.js@app.js:49712 需要的网页@app.js:20 0@app.js:49799 网页需要@app.js:20（匿名）@app.js:84（匿名）@app.js:87

---

检查浏览器控制台中的错误日志（如果有），控制台中没有错误