解析器错误：在将Angular升级到12之后，出现了意外的标记错误。

Question

我遇到了这个构建错误 - 在下面的component.html文件的第2列出现了意外的标记"="，错误代码为NG 5002解析器错误。

<button id="asd" [disabled]="sendMail.Invalid" type="button" (click)="hideexampleMail()">

我在另一个地方也遇到了同样的错误，即：

<div *ngIf="showExmapleMail"></div>

我正在将我的Angular 8应用程序迁移到Angular 12。

有任何想法吗？

- NIdhin Paul

---

你能发更多的HTML代码吗？ - eko

Answer 1

由于Angular 12的模板验证更加严格，问题可能是由未定义的值导致的。您可以尝试：

<button id="asd" [disabled]="sendMail?.Invalid" type="button" (click)="hideexampleMail()">

- eko

---

嗨eko，感谢你提供的信息。我也在ngIf =“showExampleMail”中遇到了错误，这是否意味着我需要将此行更改为ngIf =“showExampleMail？” ??? - NIdhin Paul

你是否已经初始化了 showExampleMail 变量的值？ - Roman A.

@RomanA. 是正确的。你只需要更加小心来自你的组件/ts文件的假值。如果你能发布更多的代码，那么识别错误就会更容易。 - eko

嗨，谢谢。由于我正在虚拟机中工作，无法发布我的整个代码。关于这行代码 Eko and Roman - <button id="asd" type="button" (click)="hideexampleMail()"> ，你可以看到我没有使用任何 TypeScript 变量，但是我仍然在这里遇到了解析器错误，有什么想法吗？ - NIdhin Paul

很可能不是那一行出现了错误。但是，也有可能hideexampleMail内部的某些东西会导致异常。 - eko