3

Typescript SDK 0.9.1.1 と WebStorm 7 を使用しています。.js ファイルと sourcemap ファイルをトランスパイルするファイル ウォッチャーを含む .ts ファイルがあります。このようなHTMLファイルもあります...

<!DOCTYPE html>
<html>
<head></head>
<body>
    <p id="output">5</p>
    <script src="HelloWorld.js"></script>
    <script>
        var u = new Utils();
        document.getElementById('output').innerHTML = u.plusOne(5);
    </script>
</body>
</html>

plusOne 関数は単純に数値 (この場合は 5) を受け取り、その数値に 1 を加えた値を返します。読み込み時にページに「6」と表示されるため、私のページ、javascript、および Typescript は正常に動作します。

.js ファイルにブレークポイントを設定するとヒットします (Typescript ファイルの同等の行が表示されます) が、元の .ts ファイルにブレークポイントを設定すると、そうではありません。この問題を検索しましたが、私の問題は他の問題とは異なるようです' - 私は (リモートではなく) ローカルで実行しており、Chrome のデバッグ ビューではなく WebStorm でブレークポイントを設定しています。

WebStorm では、[スクリプト] タブには .js および .html ファイルのみが表示されます。ここでもっと見る必要がありますか？それが問題である場合、どうすれば修正できますか? デバッグ構成を開きましたが、そこに .ts ファイルを追加する方法がわかりません。

4

2 に答える 2

1

これはWebStormの未解決のバグによるものであることが判明しました。実際には、回避策はブラウザーから HTML ページをリロードすることです (WebStorm からデバッグ モードで HTML ページを再実行することとは異なります)。これを行うと、.ts ファイルのブレークポイントがヒットします。

于 2013-10-11T21:08:29.783 に答える