错误的错误+文字动态文字不起作用

Question

ENV

@angular/cli: 1.2.4
node: 6.11.1
os: win32 x64
@angular/animations: 4.3.1
@angular/common: 4.3.1
@angular/compiler: 4.3.1
@angular/core: 4.3.1
@angular/forms: 4.3.1
@angular/http: 4.3.1
@angular/platform-browser: 4.3.1
@angular/platform-browser-dynamic: 4.3.1
@angular/router: 4.3.1
@angular/cli: 1.2.4
@angular/compiler-cli: 4.3.1
@angular/language-service: 4.3.1

我是Angular 4的新手（但以前的经验不是任何Angular，只有一些JS），所以我开始了一个基本的tutorial，不幸的是我已经有了一些不同的行为，即使我我真的很喜欢这个教程，所以我想从头开始理解，不要留下任何东西，因为它是开始。

这是我的版本：

不幸的是我无法安装列表包但Atom是最新的，我确实安装了atom-typescript

这是我从教程

以这种方式改变的唯一2个文件

我没有得到动态文本：

即使我的文件是：

app.component.ts

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

  @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
name ='';
} 

和app.component.html

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<input type="text" [( ngModel )]="name">
<p>{{ name }}</p>

教程应该改变什么，我做错了？

更新

我没有改变任何东西，现在我得到了：

无法获取/

错误，但我已经检查了this，我的索引文件位于正确的位置，我没有任何额外的空间，请注意：