Angularjs 角度2。已从templateUrl中删除的呈现模板

嗨，我对angular 2很陌生。
问题是我实现的路由工作正常，但在新的联系人路由上，我用template替换了templateUrl，但它仍在加载该路由的旧html文件

旧组件
新触点组件ts

@Component({
  selector  :'new-contact',
  templateUrl  :'app/ts/html/new_contact_form.html'
})

电流分量

@Component({
  selector  :'new-contact',
  template  :'Blah'
})

但这条路线仍然呈现旧的templateUrl

提及路由的Main.ts文件

import { bootstrap } from 'angular2/platform/browser';
import { Component, provide } from 'angular2/core';
import { ROUTER_PROVIDERS, RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import { NavbarComponent } from './navbar.component';
import { ContactDisplayComponent } from './contact_display.component';
import { NewContact } from './new_contact.component';
import { EditContact } from './edit_contact.component';



@Component({
  selector:'app-start',
  template:`
  <navbar></navbar>
  <router-outlet></router-outlet>
  `,
  directives : [NavbarComponent,ROUTER_DIRECTIVES]
})

@RouteConfig([
  {path:'/',name:'Home',component:ContactDisplayComponent},
  {path:'/New_Contact',name:'New_Contact',component:NewContact},
  {path:'/Edit_Contact/:id',name:'Edit_Contact',component:EditContact}
])

export class Main{
}

bootstrap(Main,
  [
    ROUTER_PROVIDERS
  ]
);

NAVBAR.HTML

切换导航


我还包括了使用npm install for computaion的下划线库
您的
tsconfig.json
文件中存在问题，无法编译您的TypeScript文件。此文件中的路径
/app/js
不正确。请参见错误：

(...)
[0] error TS5033: Could not write file '/app/js/new_contact.component.js': EACCES: permission denied, mkdir '/app'
[0] error TS5033: Could not write file '/app/js/new_contact.component.js.map': EACCES: permission denied, mkdir '/app'

您应该使用路径
app/js
。下面是要做的事情：

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "outDir": "app/js", // <--------------
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

{
“编译器选项”：{
“目标”：“es5”，
“模块”：“系统”，
“moduleResolution”：“节点”，
“outDir”：“app/js”，//您的
tsconfig.json
文件中出现问题，无法编译您的TypeScript文件。此文件中的路径
/app/js
不正确。请参阅错误：

(...)
[0] error TS5033: Could not write file '/app/js/new_contact.component.js': EACCES: permission denied, mkdir '/app'
[0] error TS5033: Could not write file '/app/js/new_contact.component.js.map': EACCES: permission denied, mkdir '/app'

您应该改为使用路径
app/js
。以下是要执行的操作：

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "outDir": "app/js", // <--------------
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

{
“编译器选项”：{
“目标”：“es5”，
“模块”：“系统”，
“moduleResolution”：“节点”，
“outDir”：“app/js”，//您是否尝试在浏览器中使用Ctrl+F5强制重新加载？可能还会重新启动正在使用的HTTP服务器。是否确实重新编译了typescript文件：）？是否尝试在浏览器中使用Ctrl+F5强制重新加载？可能还会重新启动正在使用的HTTP服务器。是否确实重新编译了typescript文件：）？是的，这就是问题所在..到哪里去查找这些错误…我还发现浏览器控制台中的错误很难理解，，，如何查找错误，就像您所做的那样事实上，您在启动
npm run start
的控制台中有一个错误…您在浏览器控制台中的错误是什么？正在处理我的应用程序，希望将其连接到MySQL，但没有找到Angular2和MyS的任何教程QL如果你能给我指出正确的方向，请阅读此答案并理解需要一个中间服务器，但如果需要任何教程或解释，请提供一个是的，这就是问题所在…在哪里可以找到这些错误…我发现浏览器控制台中的错误很难理解，，，，如何像你一样找到错误ct，您在启动npm run start的控制台中出现错误。
npm run start
…您在浏览器控制台中的错误是什么？正在运行我的应用程序，希望将其连接到MySQL，但找不到Angular2和MySQL的任何教程如果您能为我指出正确的方向，请阅读此答案并理解需要一个中间服务器，但h如果有任何教程或解释，请提供一个