La versión de mi Manuscrito 1.7.5

Mi principal componente de archivo

//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";
}

Mi secuencias de comandos HTML

<!-- 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>

Siguiente cuando intento compilar el archivo tsc app.component.ts --module system --experimentalDecorators

Me sale el siguiente error: app.component.ts(2,31): error TS2307: Cannot find module 'angular2/core'.

¿Sabes lo que me estoy perdiendo aquí?

  • Trate de añadir la plantilla o templateUrl en el @Component anotación en su lugar
  • y quitar el .Class({ constructor: function() { } }) cosas, que no proviene de un manuscrito ejemplo es? su clase es: export class AppComponent { title = "My First Angular 2 App"; }
  • Ok he quitado @View y se trasladó a la templateUrl a @Componant, pero todavía al intentar compilarlo puedo obtener Cannot find module 'angular2/core' También no .Class({ contructor: function() el lugar donde me pueden agregar lógica? ¿Tiene algún código de ejemplo para una similar estructura básica?
  • como me dijo su clase es export class AppComponent que es donde agregar su lógica, se puede establecer el constructor en él.
  • Compruebe el segundo ejemplo @ angular.io
  • Ok he encontrado el 2do ejemplo, y acabo de cambiar el código funciona ahora, su System.config era diferente que lo que yo tenía, yo también pienso que yo necesitaba las últimas secuencias de comandos que el equipo de Google está utilizando, esto tenía que plnkr.co/editar/DNmmOxUzBOdbsD4eTZER?p=vista previa Desea publicar respuesta?

InformationsquelleAutor Leon Gaban | 2016-01-12

1 Comentario

  1. 2

    Quitar:

    .Class({
        constructor: function() {
    
        }
    })

    Quitar:

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

    y poner templateUrl: '/templates/home.html', en el @Componente de anotación en su lugar.

    Y aplicar la system.js de configuración.
    En general, siga los pasos aquí:

    https://angular.io/

    Revisar el segundo ejemplo.

Dejar respuesta

Please enter your comment!
Please enter your name here