Javascript 未捕获引用错误：未在OpenPhotosweep上定义Photosweep
在开始使用Photoswip时，我对 未捕获引用错误：未定义Photosweep 在OpenPhotosweep上（base.js:1821） at base.js:1825 我已经正确导入了核心CSS文件、皮肤CSS文件、核心JS文件和UI JS文件，如官方Photosweep站点-初始化-步骤1：包含JS和CSS文件中所述 然后，我按照步骤2，复制完整的HTML代码并粘贴到我的代码编辑器中 第三步。。。JavaScript实现（来自官方Photoswip站点）Javascript 未捕获引用错误：未在OpenPhotosweep上定义Photosweep,javascript,html,photoswipe,Javascript,Html,Photoswipe,在开始使用Photoswip时，我对 未捕获引用错误：未定义Photosweep 在OpenPhotosweep上（base.js:1821） at base.js:1825 我已经正确导入了核心CSS文件、皮肤CSS文件、核心JS文件和UI JS文件，如官方Photosweep站点-初始化-步骤1：包含JS和CSS文件中所述 然后，我按照步骤2，复制完整的HTML代码并粘贴到我的代码编辑器中 第三步。。。JavaScript实现（来自官方Photoswip站点） //Photosweep
//Photosweep
var openphotosweep=function（）{
var pswpement=document.querySelectorAll（'.pswp'）[0]；
//生成项数组
可变项目=[{
src:'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
w:964，
h:1024
},
{
src:'https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg',
w:1024，
h:683
}
];
//定义选项（如果需要）
变量选项={
//optionName:“选项值”
//例如：
索引：0//从第一张幻灯片开始
};
var gallery=newphotosweep（pswpement，photosweepui_默认值，项目，选项）；<--在控制台中，这就是问题所在
gallery.init（）；
};
openphotosweep（）；
document.getElementById（'btn'）。onclick=openphotosweep
我看不到您的整个页面，我想您正在加载库之前尝试调用Photosweep。粗略地说，您的代码应该如下所示：
<head>
<script src="path/to/photoswipe.min.js"></script>
<script src="path/to/photoswipe-ui-default.min.js"></script>
<link rel="stylesheet" href="path/to/photoswipe.css">
<link rel="stylesheet" href="path/to/default-skin/default-skin.css">
</head>
<body>
Your content...
<script>
var openPhotoSwipe = function() {
var pswpElement = document.querySelectorAll('.pswp')[0];
var items = [{
src: 'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
w: 964,
h: 1024
},
{
src: 'https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg',
w: 1024,
h: 683
}
];
var options = {
index: 0
};
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); < --In Console this is the problem
gallery.init();
};
openPhotoSwipe();
document.getElementById('btn').onclick = openPhotoSwipe;
</script>
</body>
你的内容。。。
var openphotosweep=function（）{
var pswpement=document.querySelectorAll（'.pswp'）[0]；
可变项目=[{
src:'https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg',
w:964，
h:1024
},
{
src:'https://farm7.staticflickr.com/6175/6176698785_7dee72237e_b.jpg',
w:1024，
h:683
}
];
变量选项={
索引：0
};
var gallery=newphotosweep（pswpement，photosweepui_默认值，项目，选项）；<--在控制台中，这就是问题所在
gallery.init（）；
};
openphotosweep（）；
document.getElementById（'btn'）。onclick=openphotosweep；
您能否包含网页的完整代码，以便我们可以看到您在何处/如何创建对Photosweep库的引用？因为它看起来像是在库完全加载之前调用该函数。首先，我从这里克隆Git存储库-。。。Photoswip JS和CSS文件从我在C:\xampp\htdocs\project html\src\assets\JS文件夹中实现的dist文件夹，然后从src/文件夹到我的C:\xampp\htdocs\project html\src\assets\style文件夹的源文件（.JS和.SCSS）。然后我用gulpbuild构建项目，然后输入命令gulpwatch。所有css文件都自动在C:\xampp\htdocs\project html\build\base.css（base.css在head中）中实现，JavaScript文件按原样位于body标记的末尾。你知道吗？现在我在网站文档中发现了这一点-文档中的所有代码都是纯香草JS，支持IE8及以上版本。如果您的网站或应用程序使用了一些JavaScript框架（如jQuery或MooTools），或者您不需要支持旧浏览器，请随意简化代码。您认为这会导致什么问题？首先，我从这里克隆Git存储库-github.com/dimsemenov/photosweep。。。Photoswip JS和CSS文件从我在C:\xampp\htdocs\project html\src\assets\JS文件夹中实现的dist文件夹，然后从src/文件夹到我的C:\xampp\htdocs\project html\src\assets\style文件夹的源文件（.JS和.SCSS）。然后我用gulpbuild构建项目，然后输入命令gulpwatch。所有css文件都自动在C:\xampp\htdocs\project html\build\base.css（base.css在head中）中实现，JavaScript文件按原样位于body标记的末尾。你知道吗？现在我在网站文档中发现了这一点-文档中的所有代码都是纯香草JS，支持IE8及以上版本。如果您的网站或应用程序使用了一些JavaScript框架（如jQuery或MooTools），或者您不需要支持旧浏览器，请随意简化代码。您认为这会导致问题吗？可能是由于吞咽导致的错误。它可能在文档的和处添加JavaSript文件，但脚本的顺序可能是错误的。尝试手动订购。是的，你是对的，在检查元素Photosweep和Photosweep之后是base.js，我需要在之前添加。我会的try@MileMijatovic不客气。如果答案适合您的解决方案，您可以接受。