Angular 为什么不显示hello world文本？

我是《Angular 2》的新手。我看了这个视频

现在我想在plunker上做同样的演示

请告诉我哪里做错了

//代码在这里

import {bootstrap} from 'angular';
import {Component} from 'angular2/core';


@Component({
  selector:'app',
  template:'<div>hello</div>'

})

class App{}


bootstrap(App)

从'angular'导入{bootstrap}；
从'angular2/core'导入{Component}；
@组成部分({
选择器：'app'，
模板：'hello'
})
类App{}
引导（应用程序）

将其添加到html代码中。这是官方的

System.config({
transpiler:'typescript'，
typescriptOptions:{emitDecoratorMetadata:true}，
包：{'app'：{defaultExtension:'ts'}
});
System.import（'app/boot'）
.then（null，console.error.bind（console））；

编辑

您可以在这里找到工作示例

编辑

更新了plunker。您还必须将包文件放在独立文件夹中

你应该记住的事情：

• 使用

  System.import（'file.ts'）

  时，不需要

• 确保使用

  transpiler:'typescript'

---

希望这有帮助

元素是大写的，选择器是小写的。仍然不工作看起来你没有把Angular/TS/System.js库包含在你的HTML文件中（在那个plunkr中），我从那里下载这个。。。？但在这段视频中，它没有包含任何内容thing@RoyiNamirNamir这里有一个js文件允许写入的工作plnkr:

'import{…}from…'

？（在node中是browserfy。但是在browser中？

import{}from…

语法是ES6，它是一种可以在TypeScript中使用的语法（请参阅-部分，以“import vs.window.angular”开头），那么允许您执行的是

TypeScript.js

文件我知道我也必须使用

system.js

（这是强制性的吗？）如果你想使用TypeScript，我想你必须这么做。事实上，我意识到，

import

是一种ES6语法，System.js使你能够实际使用它（因为它是加载模块的底层代码）。因此，在本例中，System.js用于两件事——导入和传输TypeScript

<script>
  System.config({
    transpiler: 'typescript', 
    typescriptOptions: { emitDecoratorMetadata: true }, 
    packages: {'app': {defaultExtension: 'ts'}} 
  });
  System.import('app/boot')
        .then(null, console.error.bind(console));
</script>