错误:未找到MyAppComponent的模板

Question

我遵循了Angular 2快速入门指南,但收到以下错误:

在实例化令牌(AppView)期间出错!ORIGINAL ERROR:错误:找不到MyAppComponent的模板

这是相关代码:

import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser'
// Note I've changed Template to View here as I think it is a typo

....

@View({
  template: '<h1>Hello {{ name }}</h1>'
})

....

遵循Duncan Booth的建议http://blog.ionic.io/angular-2-series-introduction/我做了以下更改,一切正常:

import {Component, Template} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';

....

@Template({
    inline: "<h1>Hello {{ name }}</h1>"
})

....

但在相同的链路yesimahuman的评论中提到,"观是新的语法",这似乎是这种情况如所示Plunker从角2分步指南.

那么为什么Quickstart代码会抛出错误,什么是正确的修复？

Answer 1

我认为你需要检查一下

import {Component, Template, bootstrap} from 'angular2/angular2';

@Component({
    selector: 'my-app'
})
@Template({
    inline: '<h1>Hello {{ name }}</h2>'
})

class MyAppComponent {
    constructor() {
        this.name = 'Alice';
    }
}

bootstrap(MyAppComponent);