14

VS 2012 用の TypeScript 拡張機能をダウンロードしてインストールしました。ts ファイルを tsc.exe ファイルに手動でドラッグして、最初のサンプル コンパイルを取得しました。ファイルをコンパイルする他の方法が機能しないためです。

ページをデバッグするたびにこれを手動で行いたくありません! Web で約 5 つの記事を読みましたが、どの解決策も機能しません。TypeScript コンパイラを Windows の PATH に追加しようとしました。Nuget Package Manager を介して Sholo をダウンロードしてインストールしようとしました。次のページを試しました。

  1. cshtml ファイルでの TypeScript の使用
  2. Visual Studio TypeScript オプション
  3. Visual Studio を使用した TypeScript コードのデバッグ
  4. tscノードモジュールを使用してtypescriptをコンパイルできません
  5. タイプスクリプト - Visual Studio - d3
  6. コンパイル中に2つのファイルを無視するVisual Studio 2012 TypeScriptプロジェクト
  7. TypeScript / Visual Studio 2012 / コンパイル パラメータ
  8. 既存の Visual Studio Web サイト プロジェクトでの TypeScript の使用
  9. Visual Studio TypeScript オプション
  10. 生成されたファイルを Visual Studio でコンパイルする

そして、単一の解決策が機能したわけではありません。

Visual Studio 用の Web Essentials プラグインをダウンロードしてインストールし、[オプション] メニューに移動して、[ビルド時にすべての TypeScript ファイルをコンパイル = True] と [保存時に TypeScript をコンパイル = True] を選択しましたが、何も機能しません。

TypeScript の Web サイト全体、仕様、さらには codeplex サイトのディスカッション タブまで読みました。

.tsファイルに変更を保存するとき、またはF5/Debug/Build を押したときに TypeScript をコンパイルするにはどうすればよいですか?

*絶対に必要でない限り、サードパーティのスクリプト/プラグインなどは本当に必要ありません。私はそれらのいくつかを見てきましたが、それはただ...意味がありません。純粋な JavaScript を書いたほうがいいかもしれません。

4

7 に答える 7

11

BuildAction が .ts ファイルの TypeScriptCompile でなければならないことを確認する必要があります。これらの行を (.csproj) プロジェクト ファイルの末尾に追加しました。（プロジェクトタグを閉じる前）そして、うまくいっているようです。

 <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" />
于 2013-03-21T12:21:48.240 に答える
5

.js ファイルの名前を .ts に変更したときに、同様の問題が発生しました。.csproj がこの .ts ファイルで TypeScript コンパイラを使用する必要があることを認識するためには、右クリックして新しい TypeScript ファイルをプロジェクトに追加する必要があります。

.ts ファイルを展開する矢印が表示されたら、それが正しいことがわかります。

ここに画像の説明を入力

于 2012-10-24T14:48:17.733 に答える
4

.jsファイルをファイルに変更する場合.ts、Visual Studio のプロパティ パネルに移動し、ビルド アクションを TypeScriptCompile に変更できます。これは、ファイルを変更したときに欠けているものです。これにより、ファイルを削除して再度追加する手間を省くことができます。

于 2012-10-24T16:36:33.280 に答える
1

プラグ

プロジェクトに afterbuild ターゲットを追加する NuGet パッケージを作成して、含まれているすべての ts ファイルが js にコンパイルされるようにします。

インストール パッケージ TypeScript.Compile

于 2013-05-03T12:27:06.603 に答える
1

私も同じ問題を抱えていました。プロジェクトに新しい .ts ファイルを追加できませんでした。.js から .ts に名前を変更した後、ファイルはコンパイルされませんでした。コマンドラインで tsc を使用してコンパイルされていません。

しかし！Windows エクスプローラーでファイルを再作成した後、正常にコンパイルされました。そして、スクリプトフォルダーのWindowsエクスプローラー（Visual Studioではなく）でファイルを手動で作成し、それをプロジェクトに含めた後、すべて動作します。これら 2 つのファイル間の変更を検出できませんでした。ただし、エクスプローラーでテキスト ファイルを作成する場合は、名前を .ts に変更し、その後プロジェクトに含め、ファイルのビルド アクションを TypeScriptCompile に設定します。これは機能します。

于 2012-10-30T11:25:05.113 に答える
0

無効な TypeScript がないか確認してください。エラー リストに表示されない TypeScript エラーがいくつかありますが、それらは TypeScript の保存時にコンパイルを妨げOutput generation failed、Visual Studio のステータス バーにメッセージを表示します。

これを引き起こす可能性のある TypeScript エラーは次のとおりです。

  • exportモジュール内にないクラスを ing (v 0.9.5)。

このようなエラーが他にもある場合はお知らせください。ここに追加します。

于 2014-01-22T12:23:22.570 に答える
0

私も同じ問題を抱えていました。Web Essentials エクステンションを更新し、問題が解決しました。Web Essentials エクステンションをお持ちの場合は、それを試すことができます。

于 2013-03-08T12:50:33.137 に答える