Question

我有一个很长的html文件所以我只是把它分成一些组件，然后在app.component.html中插入他们的选择器。我刚刚发现，如果我输入2个以上的选择器，它会显示错误

NodeInvocationException: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded

这是我的app.component.html - 当我运行它时显示错误

<header></header>
 <navbar></navbar>
<router-outlet></router-outlet>
<footer></footer>

您是否在这些文件中看到任何错误？

header.component.html - ＆gt;标题选择器

<header class="masthead signature-dierk">
    <div class="container-fluid">
        <div class="row">
            <article class="col-md-6">
            </article>
            <article class="col-md-6">
            </article>
        </div>
    </div>
</header>

堆栈跟踪

    An unhandled exception occurred while processing the request.

NodeInvocationException: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
at Object.exports.createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\main-server.js:17873:23)
at Parse5DomAdapter.createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\main-server.js:4010:28)
at EmulatedEncapsulationServerRenderer2.DefaultServerRenderer2.createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\main-server.js:4937:51)
at EmulatedEncapsulationServerRenderer2.createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\main-server.js:5157:66)
at BaseAnimationRenderer.createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\main-server.js:15768:30)
at createElement (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\vendor.js:20116:27)
at createViewNodes (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\vendor.js:23093:44)
at callViewAction (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\vendor.js:23573:13)
at execComponentViewsAction (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\vendor.js:23482:13)
at createViewNodes (E:\פרוייקטים\פרוייקטים קיץ\Asp.net\Baber_App\Baber_App\ClientApp\dist\vendor.js:23154:5)
Microsoft.AspNetCore.NodeServices.HostingModels.HttpNodeInstance+<InvokeExportAsync>d__7.MoveNext()

Answer 1

header是一个html5标记，不应该用作任何组件的选择器。我建议在您的组件中使用破折号，例如app-header。

Answer 2

解决方案是将标题选择器更改为app-header，因此它将是

<app-header></app-header>

不要忘记在选择器

中的header.component.ts中进行更改

    selector: 'app-header',

Angular NodeInvocationException：超出最大调用堆栈大小

2 个答案: