2017-09-25 39 views
1

設置角2我是新來的角2,做配置我已經做了所有的要求,但仍然得到錯誤。 這是我的組件在Visual Studio

import { Component } from "@angular/core" 

@Component({ 

    selector = 'my-app', 
    template = `<h1> Hello {{name}} </h1>` 
}) 

export class AppComponent { 

    name: string = "First Project"; 
} 

我已經安裝的node.js和快速啓動文件在我的根文件夾已經和我已經從packages.json恢復包。但我有這個錯誤,當我建立我的項目

  • TS2552 - 找不到名稱「選擇」您的意思是選擇
  • TS2304 - 無法找到名爲「模板

這我app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 

@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

這是我tsconfig.json

{ 
    "compileOnSave": true, 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ "es2015", "dom" ], 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true, 
    "typeRoots": [ "../node_modules/@types" ] 
    } 
} 

回答

1

刪除 '=',添加 ':',因爲它是一個對象:

@Component({ 

    selector : 'my-app', 
    template : `<h1> Hello {{name}} </h1>` 
}) 
+1

謝謝:) #peace – faizan

+1

如果已完成,請接受答案:) –