Javascript 将Swiper npm模块导入Laravel

我正在尝试使用一个名为Swiper的JavaScript库，它允许我构建旋转木马。我对npm模块和Laravel（v7.21.0）不是很熟悉，所以我很难正确导入所有依赖项。我已经运行了

$npm install swiper

当前我收到一个错误：

未捕获引用错误：未定义Swiper

以下是Swiper入门页面：

Swiper HTML

<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="{{ asset('imgs/slide1.jpg') }}" alt="vintage restored car" /></div>
    <div class="swiper-slide"><img src="{{ asset('imgs/slide2.jpg') }}" alt="vintage restored car" /></div>
    <div class="swiper-slide"><img src="{{ asset('imgs/slide3.jpg') }}" alt="vintage restored car" /></div>
    <div class="swiper-slide"><img src="{{ asset('imgs/slide5.jpg') }}" alt="vintage restored car" /></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

app.js

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Global styles which apply to all pages
@import 'global';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

// Custom
@import 'indexcontent';
@import 'indexheader';

// Swiper
@import '~swiper/swiper.scss';
@import '~swiper/swiper-bundle.css';

require('./bootstrap');

window.Swiper = require('swiper');

require('./swiper-index-photos');

window.onload = function(){

    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
        },
        });
}

swiper index photos.js

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Global styles which apply to all pages
@import 'global';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

// Custom
@import 'indexcontent';
@import 'indexheader';

// Swiper
@import '~swiper/swiper.scss';
@import '~swiper/swiper-bundle.css';

require('./bootstrap');

window.Swiper = require('swiper');

require('./swiper-index-photos');

window.onload = function(){

    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true,
        },
        });
}

我迫不及待地想最终澄清我在将npm模块导入Laravel方面的困惑，我已经尝试了2个多小时使其工作，但无论出于什么原因，我就是做不到。多谢各位

---

---

更新：当

window.Swiper=require（'Swiper/Swiper bundle'）时工作而不是window.Swiper，请尝试执行
让Swiper=require（'Swiper'）@Dragonsnap不幸的是，这不起作用，我遇到了另一个错误。我将更新帖子您只能在使用捆绑包的情况下这样做，否则，您应该使用
Swiper
提供的CDN链接。不要使用window.Swiper，请尝试使用
let Swiper=require（'Swiper'）@Dragonsnap不幸的是，这不起作用，我遇到了另一个错误。我将更新post您只能在使用捆绑机时这样做，否则，您应该使用CDN链接
Swiper
提供的。