2014-09-02 6 views
6

Ho appena iniziato a lavorare con TypEcs e sto cercando di creare una pagina Web in Typescript e AngularJS che voglio eseguire il debug in Eclipse.È possibile eseguire il debug di AngularJS e TypeScript in Eclipse?

  • È possibile eseguire il debug di una pagina TypeScript e Angolare in Eclipse? Se è così allora puoi guidarmi nella giusta direzione?

Ho provato a eseguire il debug di un singolo file di dattiloscritto con l'opzione Standalone di TypeScript e funziona. Ma voglio anche usare AngularJS. Ho creato un file index.html e un file app.ts Ho anche importato angular.d.ts e angular.min.js tra gli altri in una cartella di script. Posso farlo usando uno dei debugger TypEcs TypeScript? Ho provato a eseguirlo, ma ottengo un errore su var app = angular.module ... (ReferenceError: angular is not defined).

La mia ipotesi è che il file angular.min.js a cui mi collego nel file indice non sia stato caricato. È perché app.ts è impostato per essere il file principale nella configurazione autonoma di TypeScript? (Non posso scegliere index.html) E/O mi mancano alcuni codici/impostazioni?

Spero che tu possa aiutarmi. Grazie in anticipo!

Ecco alcuni esempi di codice: index.html:

<html ng-app="helloworld"> 
<head> 
    <title>Hello World!</title> 
</head> 

<body> 
    <div class="container" ng-controller="HelloWorldCtrl"> 
     <input type="text" class="form-control" value="{{message}}" /> 
    </div> 
    <script src="../scripts/angular.min.js"></script> 
    <script src="app.js"></script> 
</body> 
</html> 

app.ts:

/// <reference path="../scripts/typings/angularjs/angular.d.ts"/> 
module Sample.HelloWorld { 

    export interface IHelloWorldScope extends ng.IScope { 
     message: string; 
    } 

    export class HelloWorldCtrl { 

     static $inject = ["$scope"]; 
     constructor(private scope: IHelloWorldScope) { 
      scope.message = "Hello World"; 
     } 
    } 

    var app = angular.module("helloworld",["ui.bootstrap"]); 
    app.controller("HelloWorldCtrl", HelloWorldCtrl); 
} 

risposta

4

Come Basarat accennato è possibile AngularJS di debug e tipografico utilizzando l'opzione "Carattere tipografico Web remoto" di debug che è incluso nel TypEcs

Come eseguire il debug la pagina:

  1. Chiudere tutte le finestre aperte di Chrome.
  2. Apri Chrome di nuovo con il comando chrome.exe --remote-debug-port = 9222
  3. applicare una configurazione di debug secondo "Aggiungi dattiloscritto di debug per WebKit modalità remota" a TypEcs/2.0 - New and Noteworthy
  4. Aprire la pagina iniziale (index.html) nella finestra di Chrome dal punto 1.
  5. Vai alla visualizzazione di debug
  6. debug utilizzando la configurazione dal punto 3
  7. una finestra di dialogo viene visualizzata in cui è necessario selezionare la scheda con il file che si desidera eseguire il debug .
  8. Ora è possibile scorrere il codice e aggiungere punti di interruzione al file app.ts, se lo si desidera.(Fare clic su Main thread se non vedi le opzioni del passo)

E se si verifica l'errore "Impossibile ottenere le schede per il debug della connessione scaduta" chiudere tutte le finestre di Chrome e riaprire chrome con chrome.exe --remote-debugging-port = 9222 comando.

1

I've tried to debug a single typescript file with the TypeScript Standalone option and it works. But I also want to use AngularJS

I passaggi sono stessi autonomo. Dovresti disporre di sourcemaps abilitato.

ReferenceError: angular is not defined

C'è qualcosa di sbagliato con il tag script per angular.min.js Controllare il file system e/o richiesta di rete del browser.

See: webkit debug remoto: https://bitbucket.org/axmor/typecs/wiki/2.0%20-%20New%20and%20Noteworthy

+0

Grazie basarat per la risposta. Ora funziona quando si utilizza l'opzione di debug remoto. Avevo un'altra finestra di Chrome aperta che apparentemente dovevo chiudere prima di eseguire chrome.exe --remote-debugging-port = 9222 o ho ricevuto l'errore "Impossibile ottenere le schede per il debug della connessione scaduta" quando ho provato a eseguirne il debug. Ho ancora lo stesso errore in modalità standalone, ma suppongo che non dovrei usarlo. Grazie ancora – Sofi

Problemi correlati