javascript - index.js:1 未捕获的 ReferenceError:未定义 Swiper
问题描述
我不太熟悉使用导入/导出,但我正在努力学习它。现在我面临一个问题。
我有两个 JS 文件,core.js 和 index.js。每个页面都使用核心,主页上的索引。当我在 core.js 中导入 swiper 时,我假设我也可以在 index.js 中使用它,但它不起作用。我收到以下错误:
index.js:1 Uncaught ReferenceError: Swiper is not defined.
当我将导入语句从 core.js 复制并粘贴到 index.js 中时,它可以工作,但我认为这不是正确的解决方案,因为 index.js 的重复导入 + 额外文件大小。谁能帮我吗?
核心.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,
loop: true,
spaceBetween: 0,
slidesPerView: 1.3,
breakpoints: {
992: {
centeredSlides: false,
slidesPerView: 4,
spaceBetween: 30,
}
}
});
解决方案
推荐阅读
- javascript - 查找通过在 linux 中无头运行 jasmine 触发的 Chromium 堆栈跟踪的原因
- java - NoSuchMethodError:com.fasterxml.jackson.core.JsonStreamContext
- swift - swift - 从类外的模型文件中激活类上的 segue?实例成员不能用于类型
- sql - Presto/SQL - 将字符串时间戳转换为日期会引发错误
- git - Git:如何在提交前将文件标记为已审核?
- conda - conda build 后如何获取 conda 包的路径
- q# - 如果 Q# 函数可以运行使用比特的经典代码,那么经典代码是否仍能以量子计算机运行的速度运行?
- java - 在 IntelliJ Idea 2018 中创建 jar 文件 - 运行 Jar 错误
- apache-spark - 在 Spark 中将默认日志级别设置为“WARN”
- c# - 在使用 C# 的 EncryptedXml 加密方法中查找符合 FIPS 的错误