Javascript &引用；“剧本坏了”；但是在codepen工作

我有一个代码块，我想用它来显示我的投资组合中使用codepen的项目，但当我尝试将其编码到我的cargo collective站点时，它返回错误“脚本已损坏”。HTML和CSS工作正常，只有JS显示错误

<script>

const wheelEventName = (navigator.userAgent)
  ? "wheel"
  : "mousewheel";
const layers = [...document.querySelectorAll(".layer")];
const tracker = document.querySelector(".track-active");
const trackerNumber = document.querySelector(".track-number");
let itemDisplayed = 0;
let animationPlaying = false;

function resetClasses() {
  for (let i = 0; i < 4; i++) {
    layers[0].children[i].classList.remove("item-displayed");
    layers[1].children[i * 2].classList.remove("item-displayed");
  }
}

document.addEventListener(wheelEventName, event => {
  if (!animationPlaying) {
    const nextItem = itemDisplayed + Math.sign(event.deltaY);
    if (nextItem >= 0 && nextItem <= 3) {
      itemDisplayed += Math.sign(event.deltaY);
      layers[0].style = `transform: translateX(${-itemDisplayed * 85}vw);`;
      layers[1].style = `transform: translateX(${-itemDisplayed * 85 * 2}vw);`;
      layers[1].children[itemDisplayed * 2].classList.add("item-revealed");

      resetClasses();
      layers[0].children[itemDisplayed].classList.add("item-displayed");
      layers[1].children[itemDisplayed * 2].classList.add("item-displayed");

      tracker.style = `transform: translateX(${itemDisplayed * 100}%);`;
      trackerNumber.innerText = `0${itemDisplayed + 1}`;
      setTimeout(() => {
        animationPlaying = false;
      }, 2200);
      animationPlaying = true;
    }
  }
});
</script>

const wheelEventName=（navigator.userAgent）
? “车轮”
：“鼠标滚轮”；
常量层=[…document.queryselectoral（“.layer”）]；
const tracker=document.querySelector（“.track active”）；
const trackerNumber=document.querySelector（“.track number”）；
让itemDisplayed=0；
让animationPlaying=false；
函数resetClasses（）{
for（设i=0；i<4；i++）{
层[0]。子项[i]。类列表。删除（“显示的项”）；
层[1]。子项[i*2]。类列表。删除（“显示的项”）；
}
}
document.addEventListener（wheelEventName，event=>{
如果（！animationPlaying）{
const nextItem=itemsdisplated+Math.sign（event.deltaY）；
如果（nextItem>=0&&nextItem{
动画播放=错误；
}, 2200);
动画播放=真；
}
}
});

下面是包含HTML和CSS的代码笔链接

---

在我的例子中，我将一个函数命名为

tryUntilDone

，因此我尝试了不同的更改，直到发现问题。与函数名发生冲突。因此我更改了名称，现在它可以工作了：

从

到

因此错误可能来自很多地方，但这多次解决了我的问题。所以别忘了尝试更改变量名称

另一个把戏 多次保存同一文件有时会报告假“脚本已损坏”错误。要避免此错误，请执行以下步骤：

编写一些随机代码使脚本无效。保存（显然，它将报告错误）

重新加载页面

删除随机代码并再次保存。现在可以接受了

---

似乎在不重新加载报告错误的情况下执行相同的脚本，cargo认为它是无效脚本。

在我的例子中，我将函数命名为

tryUntilDone

，因此我尝试了不同的更改，直到发现问题。与函数名发生冲突。因此我更改了名称，现在它可以工作了：

从

到

因此错误可能来自很多地方，但这多次解决了我的问题。所以别忘了尝试更改变量名称

另一个把戏 多次保存同一文件有时会报告假“脚本已损坏”错误。要避免此错误，请执行以下步骤：

编写一些随机代码使脚本无效。保存（显然，它将报告错误）

重新加载页面

删除随机代码并再次保存。现在可以接受了

---

似乎在不重新加载报告错误的情况下执行相同的脚本，cargo认为这是一个无效脚本。

链接到损坏的站点会有所帮助。.当我尝试将其编码到cargo collective站点时，无论这意味着什么，我认为该站点可能拒绝ES6脚本。如果我是你，我会删除所有ES6语法扩展（如箭头函数、字符串模板等），然后重试。这两个版本的代码都可以在现代浏览器中使用，但是，您可能会遇到另一方面的一些限制。同意@WiktorZychla，因为这很可能是某种后端框架错误，因为它不是一个熟悉的javascript运行时error@LawrenceCherone这里有一个指向该站点的链接，除了滚动效果外，其他所有功能都可以正常工作。当我尝试编写代码时，链接到损坏的站点会有所帮助进入我的cargo collective站点，无论这意味着什么，我认为该站点可能会拒绝ES6脚本。如果我是你，我会删除所有ES6语法扩展（如箭头函数、字符串模板等），然后重试。这两个版本的代码都可以在现代浏览器中运行，但是您可能会遇到另一方面的一些限制。同意@WiktorZychla，因为这很可能是某种后端框架错误，因为它不是一个熟悉的javascript运行时error@LawrenceCherone这里有一个网站链接，除了滚动效果，其他一切都可以正常工作

function tryUntilDone () {}

function _tryUntilDone () {}