L'azione di compilazione TypeScriptCompile non sembra fare nulla

Question

Quando aggiungo un nuovo file TypeScript alla mia soluzione, il sistema mi fornisce in modo carino un file .ts precompilato con il file .js appena sotto. Questa configurazione mi fa pensare che la conversione da TypeScript a JavaScript sia automatica. Questa ipotesi è rafforzata dal fatto che il file .ts ha un'azione di compilazione 'TypeScriptCompile'. Tuttavia, indipendentemente da ciò che faccio (salvare una ts modificata, compilare il progetto ...), non succede nulla.

So che posso aggiungere passi pre-compilazione al progetto, ma mi piacerebbe molto che l'azione di compilazione TypeScriptCompile si avvii automaticamente in modo che sia sufficiente salvare il file per il file .js da rigenerare. Cosa devo fare per far sì che 'TypeScriptCompile' non funzioni come previsto/desiderato?

Answer 1

Ho avuto lo stesso problema durante il tentativo di utilizzare TypeScript in un progetto MVC4, ma ho risolto il problema!

Inserisci le seguenti righe nel file di progetto utilizzando il tuo editor di testo preferito. C'è una sezione commentata BeforeBuild di solito già presente alla fine del file proj, che è possibile sostituire con queste righe. Ricarica il progetto e sei a posto. I file .js verranno generati durante la compilazione.

<Target Name="BeforeBuild"> 
    <Exec Command="&quot;$(PROGRAMFILES)\Microsoft SDKs\TypeScript\0.8.0.0\tsc&quot; @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" /> 
</Target> 

avere una buona occhiata al percorso esatto, però, potrebbe essere diverso (ad esempio, se si dispone di una versione diversa del dattiloscritto SDK). Allo stesso modo, se tsc.exe è già nella variabile di ambiente PATH, è possibile utilizzare un comando versione-agnostic:

<Target Name="BeforeBuild"> 
    <Exec Command="&quot;tsc&quot; @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" /> 
</Target> 

Infine, come notato nei commenti, si potrebbe desiderare di aggiungere -c per preservare commenti alla riga di comando . Ciò consente agli strumenti come cassette & il raggruppamento delle risorse di asp.net per recuperare i riferimenti e rendere le cose nell'ordine corretto.

Answer 2

Alcune persone hanno avuto questo problema, incluso me stesso. La correzione è manually install the typescript visual studio extension.

L'installatore è qui:

"C: \ Program Files (x86) \ Microsoft SDK \ dattiloscritto \ 0.8.0.0 \ TypeScriptLanguageService.vsix"

o qui su macchine x86 :

"C: \ Program Files \ Microsoft SDK \ dattiloscritto \ 0.8.0.0 \ TypeScriptLanguageService.vsix"

Answer 3

Ok, ho reinstallato tutto, incluso il file vsix. Apparentemente quando "eseguo" il mio progetto ora, il file .ts viene automaticamente convertito in un file .js (senza azioni di compilazione personalizzate). Va bene per ora. Sarebbe stato meglio se questi file seguissero altri generatori di codice in quanto vengono compilati quando il file sorgente viene salvato. Scriverò la mia implementazione SingleFileGenerator ma non so ancora come chiamare .js da C#.

Answer 4

Se si verificano ancora problemi compiling typescript files, è possibile controllare un'app che ho appena rilasciato. Puoi compilare i file con un solo clic di un pulsante.

Answer 5

Se si utilizza Visual Studio 2013 con l'ultimo TypeScript 1.5, potrebbe essere necessario installare TypeScript tools for Visual Studio.Mi raccomando inoltre di installare Web Essentials che invocherà la compilazione del file di script .ts su save (oltre a molte altre utili funzionalità).

Quindi seguire i passaggi che Visual Studio realizza per nuovi progetti Web nel file .csproj.

1) proprietà Importa MSBuild tipografico aggiungendo seguente elemento sotto root Project elemento:

<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')" /> 

target 2) Importa MSBuild tipografico accumulo

<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" /> 

3) Configurare versione target tipografico sotto Project/PropertyGroup elemento

<TypeScriptToolsVersion>1.5</TypeScriptToolsVersion>