获得＆＃34;超出最大呼叫堆栈大小＆＃34;当使用templateUrl时

Question

当我将网站更改为使用templateUrl时，出现错误：

  

错误：未捕获（在承诺中）：错误：错误   app / views / flights-no.html：1：24引起：最大调用堆栈大小   超过

import { Component } from '@angular/core';

@Component({
  selector: 'flights',
  templateUrl: 'app/views/flights-no.html' // cause error
  //template: "<h1>pelo tempa</h1>" <-- This works
})
export class AppFlights { }

航班-no.html

<flights>
    <h1>Gooooooo!</h1>
</flights>

的package.json

 ...   
"dependencies": {
        "@angular/common": "2.0.0-rc.6",
        "@angular/compiler": "2.0.0-rc.6",
        "@angular/core": "2.0.0-rc.6",
        "@angular/forms": "2.0.0-rc.6",
        "@angular/http": "2.0.0-rc.6",
        "@angular/platform-browser": "2.0.0-rc.6",
        "@angular/platform-browser-dynamic": "2.0.0-rc.6",
        "@angular/router": "3.0.0-rc.2",
        "@angular/upgrade": "2.0.0-rc.6",

        "systemjs": "0.19.27",
        "core-js": "^2.4.1",
        "reflect-metadata": "^0.1.3",
        "rxjs": "5.0.0-beta.11",
        "zone.js": "^0.6.17",
...

注意我不知道是否相关。这是一个C＃MVC网站。

Answer 1

更改 flights-no.html

这

<flights>
    <h1>Gooooooo!</h1>
</flights>

到

<h1>Gooooooo!</h1>

由于你的html，它是递归的。因此，您将收到超出最大调用堆栈大小的错误。

如果您想在简单的快速入门教程中重现错误，只需尝试一下 -

 import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: '<my-app></my-app>'
})

export class AppComponent { }