Einrichten von Winkel 2 in Visual Studio

Question

Ich bin neu in Winkel 2, und bei der Konfiguration habe ich alle Anforderungen erfüllt, aber immer noch Fehler bekommen. das ist meine Komponente

import { Component } from "@angular/core" 

@Component({ 

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

export class AppComponent { 

    name: string = "First Project"; 
} 

I node.js und Schnellstart-Dateien in meinem Stammordner installiert haben bereits und ich bereits Pakete aus packages.json wiederherzustellen. aber ich habe diese Fehler, wenn ich mein Projekt

• TS2552 bin Gebäude - Kann nicht finden Name ‚Wähler‘ Haben Sie Auswahl
• TS2304 bedeuten - nicht gefunden Name ‚Vorlage

Dies wird mein 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 { } 

das ist mein 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" ] 
    } 
} 

Answer 1

entfernen '=' und fügen ':', weil es ein Objekt ist:

@Component({ 

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