Angular2 Typoskript - Fehler TS2307: Cannot find module 'angular2/core"

Die version meiner Typoskript 1.7.5

Mein Haupt-Komponente-Datei

//import {Component} from 'angular2/core';
import {Component, View} from 'angular2/core';
//import {bootstrap} from 'angular2/platform/browser';

    @Component({
        selector: 'my-app',
        //template: '<h1>My title: {{title}}</h1> <h2>Hardcoded h2</h2>'
    })
    @View({
        templateUrl: '/templates/home.html',
        directives: []
    })
    .Class({
        constructor: function() {

        }
    })

export class AppComponent {
    title = "My First Angular 2 App";
}

Meine HTML-Skripten

<!-- 1. Load libraries -->
<script src="node_modules/es6-shim/es6-shim.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

<script src='app.component.js'></script>
<script src='app/boot.js'></script>

Weiter, wenn ich versuche die Datei zu kompilieren tsc app.component.ts --module system --experimentalDecorators

Bekomme ich die folgende Fehlermeldung: app.component.ts(2,31): error TS2307: Cannot find module 'angular2/core'.

Weißt du, was fehlt mir hier?

Versuchen Sie, die Vorlage oder templateUrl in der @Component annotation statt
und entfernen Sie die .Class({ constructor: function() { } }) Zeug, dass nicht von einem Typoskript Beispiel ist es? Ihre Klasse ist: export class AppComponent { title = "My First Angular 2 App"; }
Ok ich entfernt @View und zog die templateUrl zu @Componant, aber immer noch beim Versuch zu kompilieren bekomme ich Cannot find module 'angular2/core' Auch nicht .Class({ contructor: function() den Ort, wo ich kann hinzufügen, Logik? Haben irgendwelche Beispiel-code für eine ähnliche grundlegende Struktur?
wie ich schon sagte, Ihre Klasse export class AppComponent das ist, wo Sie fügen Sie Ihre Logik, können Sie den Konstruktor auf.
Überprüfen Sie das zweite Beispiel @ Winkel.io

InformationsquelleAutor Leon Gaban | 2016-01-12

  1. 2

    Entfernen:

    .Class({
    constructor: function() {

    }
})

    Entfernen:

    @View({
    templateUrl: '/templates/home.html',
    directives: []
})

    und setzen templateUrl: '/templates/home.html', in der @Component-annotation statt.

    Anwenden und die system.js Konfiguration.
    Im Allgemeinen befolgen Sie die Schritte hier:

    https://angular.io/

    Überprüfen Sie das zweite Beispiel.

    InformationsquelleAutor Langley

Schreibe einen Kommentar