firefox - Angular 6 应用程序中的错误“字符串包含无效字符”

Question

我做了一个 7 角度的应用程序。我每晚使用 Firefox 来运行这个应用程序。

但是当我运行应用程序时ng serve -o出现错误：

ERROR DOMException: "String contains an invalid character" AppComponent.html:1
ERROR CONTEXT 
Object { view: {…}, nodeIndex: 1, nodeDef: {…}, elDef: {…}, elView: {…} }
DOMException: "String contains an invalid character"

<!-- app.component.html -->
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

// router
[
    {path: '', component: HomeComponent}
]

此错误仅出现在 firefox nightly 和 firefox for developers

Answer 1

刚刚遇到了类似的错误 - 仅仅有这个错误消息并不容易追踪。

一般来说： 首先尝试定位失败的行，例如通过暂时删除相关组件的 HTML 的随机部分并找到罪魁祸首 - 完成后，您可以询问或已经知道如何修复。

就我而言： 我只是将代码从 TS 复制并粘贴到带有分号的 HTML 文件中，例如：

<app-sequence-live
  (voteDoOverride)="voteDoOverride($event)";
></app-sequence-live>

固定的：

<app-sequence-live
  (voteDoOverride)="voteDoOverride($event)"
></app-sequence-live>