Содержимое шаблона не отображается после обновления до Angular 6.1

Question

Я получаю в результате моего app.component имя файла шаблона: client / import / app / app.component.html

Снимок экрана изображения

Вместо обработки моего шаблона с его содержимым.

Вот мой код компонента:

import { Component, NgZone } from '@angular/core';
import { Location } from '@angular/common';
import { Router } from '@angular/router';
import template from './app.component.html';

@Component({
  selector: 'app-root',
  template,
})
export class AppComponent {
   user: Meteor.User;

   constructor(private router: Router, zone: NgZone, location:Location) {
    Tracker.autorun(() => {
      if (Meteor.user())
      {
         zone.run(() => {
            this.user = Meteor.user();
         });
      }
      else
      {
        this.user = undefined;
      }
    });
  }

 isMenuActive(value)
 {
    return location.pathname.indexOf(value) !== -1;
 }

 isHome()
 {
    return location.pathname == ""
 }
}

Есть идеи, почему он больше не работает?

Спасибо

Answer 1

Использование пакета компилятора angular meteor изменило несколько версий angular ago.Место для поиска информации находится в самом репозитории компилятора.Есть пример приложения.

https://github.com/Urigo/angular-meteor/tree/master/examples/MeteorCLI/all-in-one

По сути, вы не импортируете шаблон, а ссылаетесь на него через templateurl

Например:

@Component({
  selector: 'app',
  templateUrl: 'app.component.html'
})

Answer 2

Используйте декоратор Component, как описано в документации angular component-metadata .

Запись этого import template from './app.component.html'; будет неправильной, потому что ваш шаблон html, поскольку ни один элемент не называется шаблон .

Вместо этого вы можете переписать свой декоратор так:

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