PUG：为什么在尝试编译 href="#" 时会出现“Assigning to rvalue”错误？

如何解决PUG：为什么在尝试编译 href="#" 时会出现“Assigning to rvalue”错误？

我正在 Angular 11 中使用 PUG，并且对它在将它们转换为 PUG 时抛出的关于常用 href="#" 的错误感到惊讶。有谁知道为什么？

Error: src/app/core/components/navbar/navbar.component.pug:20:38
  > 20|       a.navbar-toggle.collapsed(href="#" (click)="logout()" style="color: #FFF;")
---------------------------------------------^
    21|         md-tooltip(md-direction="top") Log out
    22|         span.glyphicon.glyphicon-log-out
    23| 

Syntax Error: Assigning to rvalue

解决方法

我在 Pug 文档中找到了答案——我必须用逗号或用引号将后面的（点击）括起来。

https://pugjs.org/language/attributes.html

如果您的属性名称包含可能会干扰的奇数字符使用 JavaScript 语法，使用 "" 或 '' 引用它，或者使用逗号来区分不同的属性。此类字符的示例包括 [] 和 ()（在 Angular 2 中经常使用）。