index.js：1未捕获的ReferenceError：未定义刷卡器

问题描述

我对使用导入/导出不太熟悉，但是我正在尝试学习它。现在我面临一个问题。

我有两个JS文件，core.js和index.js。核心用于每个页面，索引位于主页上。当我在core.js中导入swiper时，我假设我也可以在index.js中使用它，但是它不起作用。我收到以下错误：

index.js:1 Uncaught ReferenceError: Swiper is not defined.

当我将core.js中的import语句复制并粘贴到index.js中时，它可以工作，但由于重复的导入和index.js的额外文件大小，我认为这不是正确的解决方案。有人可以帮我吗？

core.js

import Swiper from 'swiper/bundle';
import 'swiper/swiper-bundle.css';

const uspslider = new Swiper('.uspslider',{
    centeredSlides: true,slidesPerView: 1.5,spaceBetween: 15,loop: true,speed: 2500,autoplay: {
        delay: 0,disableOnInteraction: false,},breakpoints: {
        992: {
            centeredSlides: false,autoplay: {
                delay: 1000,disableOnInteraction: true,slidesPerView: 4,loopedSlides: 5,}
    }
});

index.js

const slider = new Swiper('.projectSlider',{
    autoplay: {
        delay: 2500,speed: 500,centeredSlides: true,spaceBetween: 0,slidesPerView: 1.3,spaceBetween: 30,}
    }
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）