Impossible de compiler des fichiers TypeScript dans Visual Studio 2012

J'ai téléchargé et installé l'extension TypeScript pour VS 2012, j'ai obtenu mes premières compilations d'échantillons en glissant manuellement le fichier ts sur le fichier tsc.exe! Car aucune autre façon de compiler le fichier ne fonctionnera.

Je ne veux pas le faire manuellement chaque fois que je souhaite déboguer une page! J'ai lu environ 5 articles sur le Web et aucune des solutions ne fonctionne. J'ai essayé d'ajouter le compilateur TypeScript à PATH dans Windows, j'ai essayé de télécharger et d'installer via Nuget Package Manager le Sholo, j'ai essayé ces pages:

  1. Utilisation de TypeScript dans les fichiers cshtml
  2. Visual Studio TypeScript Options
  3. Déboguer le code TypeScript avec Visual Studio
  4. Impossible de compiler typecript à l'aide du module noeud tsc
  5. TypeScript – Visual Studio – d3
  6. Projet Visual Studio 2012 de TypeScript ignorant deux fichiers lors de la compilation
  7. TypeScript / Visual Studio 2012 / Paramètres de compilation
  8. Utilisation de TypeScript dans un projet de site Web Visual Studio existant
  9. Visual Studio TypeScript Options
  10. Compiler les fichiers générés dans Visual Studio

Et aucune solution n'a fonctionné.

J'ai même téléchargé et installé le plugin Web Essentials pour Visual Studio et je suis allé au menu Options, puis sélectionné "Compiler tous les fichiers TypeScript sur Build = True" et "Compiler TypeScript sur Save = True" – mais rien ne fonctionne.

J'ai lu l'intégralité du site Web TypeScript, la spécification et même leur onglet de discussion sur le site codeplex.

Comment puis-je obtenir que TypeScript compile lorsque .ts les modifications apportées au fichier .ts ou lorsque j'appuie sur F5 / Debug / Build?

* Je ne veux vraiment pas de scripts / plugins tiers, etc., sauf si cela est absolument nécessaire. J'en ai vu quelques-uns et c'est juste … il n'y a pas de raison. Je pourrais aussi bien écrire simplement JavaScript.

Vous devez vous assurer que BuildAction doit être TypeScriptCompile pour vos fichiers .ts. J'ai ajouté ces lignes à la fin du fichier de projet (.csproj). (Avant de fermer le tag du projet) Et cela semble fonctionner.

  <PropertyGroup Condition="'$(Configuration)' == 'Debug'"> <TypeScriptTarget>ES3</TypeScriptTarget> <TypeScriptIncludeComments>true</TypeScriptIncludeComments> <TypeScriptSourceMap>true</TypeScriptSourceMap> <TypeScriptModuleKind>AMD</TypeScriptModuleKind> </PropertyGroup> <PropertyGroup Condition="'$(Configuration)' == 'Release'"> <TypeScriptTarget>ES3</TypeScriptTarget> <TypeScriptIncludeComments>false</TypeScriptIncludeComments> <TypeScriptSourceMap>false</TypeScriptSourceMap> <TypeScriptModuleKind>AMD</TypeScriptModuleKind> </PropertyGroup> <Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" /> 

J'ai eu un problème similaire lorsque j'ai renommé mes fichiers .js vers .ts. Vous devez cliquer avec le bouton droit de la souris et ajouter un nouveau fichier TypeScript à votre projet afin que votre .csproj reconnaisse que le compilateur TypeScript doit être utilisé sur ce fichier .ts.

Vous saurez que c'est correct lorsque vous voyez la flèche pour développer le fichier .ts.

Entrez la description de l'image ici

Si vous modifiez un fichier .js dans un fichier .ts , vous pouvez accéder au panneau des propriétés dans Visual Studio et modifier l'Action de compilation à TypeScriptCompile. C'est ce qui manque lorsque vous modifiez un fichier. Cela peut vous empêcher de supprimer et de ré-ajouter des fichiers.

J'ai eu le même problème. Je n'ai pas pu ajouter un nouveau fichier .ts au projet. Après avoir renommé le fichier .js vers .ts n'a pas été compilé. Il n'a même pas été compilé à l'aide de tsc en ligne de commande.

MAIS! Après avoir recréé le fichier dans Windows Explorer, il a été compilé avec succès. Et après avoir créé manuellement un fichier dans Windows Explorer (pas Visual Studio) dans le dossier Scripts et l'inclure dans le projet – tous les TRAVAUX. Je n'ai pas pu détecter les changements entre ces deux fichiers. Mais si vous créez un fichier texte dans l'explorateur, renommez-le sur .ts et, après cela, incluez dans le projet et définissez le fichier Build Action to TypeScriptCompile – cela fonctionne.

prise de courant

Je crée un paquet NuGet qui ajoute une cible de post-acquisition à votre projet afin que tous les fichiers TS inclus soient compilés dans js.

Install-Package TypeScript.Compile

J'ai eu le même problème. J'ai mis à jour l'extension et l'inconvénient du Web. Si vous avez une extension Web essentials, vous pouvez essayer cela.

Vérifiez si vous n'avez pas de typeScript invalide. Il existe certaines erreurs TypeScript qui ne s'affichent pas dans la liste des erreurs, mais elles empêchent la compilation compilée par typeScript et affichent un message Output generation failed dans la barre d'état de Visual Studio.

Voici les erreurs TypeScript qui peuvent provoquer ceci:

  • export une classe qui n'est pas à l'intérieur d'un module (v 0.9.5).

S'il vous plaît, faites-moi savoir s'il y a plus de telles erreurs, je les ajouterai ici.