Javascript 如何通过Pug或JS向导航链接添加活动类

我无法根据当前活动的url获取导航链接的活动类

我有一位导师帮助我编写了这段代码，它正在发挥作用：

if filename.replace('.pug', '.html').indexOf(pageLink) > 0
 a.active-nav-link= pageName
else
 a(href=pageLink)= pageName

但是我回到项目中，现在代码出现了编译错误，当我将块更改为just

a（href=pageLink）=pageName

时，它编译成功，但是.active nav link类显然不存在了

ul.reveal
 each pageLink, pageName in navLink
  li
   block pages
     a(href=pageLink)= pageName

---

如何使.active nav link类像以前一样应用于当前页面。也许上面的代码已经过时，需要调整。我愿意尝试其他简单的方法，因为我不太高级。

您可以在pug中使用JS表达式作为属性值。试试这个：

a(
    href=pageLink
    class=(filename.replace('.pug', '.html').indexOf(pageLink) > 0 ? 'active-nav-link' : '')
)= pageName

---

您提到了一个编译器错误。请告诉我们它说了什么。@JackBashford“但我回到项目中，出现了一个编译错误…”我应该补充说，我正在使用预处理程序进行编译，我得到的错误是“无法读取未定义的“替换”。那么你知道这可能是我的编译器，或者是我们可以在代码中进行的更改吗？我尝试了代码，但我的编译器给出了上面来自我的编译器的错误消息。我测试了代码，没有问题，所以听起来像是你的编译器出了问题，而不是帕格。请尝试在google或正在使用的编译器的GitHub repo中搜索您遇到的错误。我会查看文档，谢谢你的帮助！谢谢大家，代码运行正常，我刚刚切换了编译器，编译时没有问题。再次感谢，我已经努力解决这个问题好几个星期了！