Блог

Я создаю приложение, используя RouterModule. Проблема в том, что когда я использую «template» в оформлении моего компонента, все работает отлично, но когда я использую вместо этого «templateUrl», приложение начинает давать сбои

Ошибки консоли: не перехвачены (в обещании): Ошибка: Ошибка в app / about.component.html: 1:30, вызванная: превышен максимальный размер стека вызовов

Просто не знаю, какие файлы могут быть полезны, потому что кажется, что проблемы там нет.

Не работает должным образом

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

     @Component({
        selector: 'about-block',
        templateUrl: 'app/about.component.html'
     })

   export class AboutComponent {}
  

Работает должным образом

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

    @Component({
       selector: 'about-block',
       template: '<h1>This is About section</h1>'
    })

   export class AboutComponent {}
  

Постскриптум

app.module.ts

 import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'
import { AppComponent }   from './app.component';

import { AppRoutingModule, routingComponents}  from './app.routing';

 @NgModule({
       imports:      [ BrowserModule, AppRoutingModule ],
       declarations: [ AppComponent, routingComponents ],
       bootstrap:    [ AppComponent ]
     })
 export class AppModule { }
  

about.component.html

    <about-block>

   </about-block>
  

Удалить <about-block></about-block> из about.component.html

Из-за вашего about-block тега в html-шаблоне он становится рекурсивным. Следовательно, вы получаете ошибку превышения максимального размера стека вызовов.