2016-10-12 8 views
14

私は反応ネイティブを使用してアプリケーションを作成していますので、jestフレームワークを使用してコードをテストし、Visual Studioコードエディタデバッガを使用してブレークポイントを設定できます。私が現在持っている問題は、デバッガをどのように実行しても、新しいインスタンスを作成したり、アタッチしたりしているかどうかにかかわらず、ソースマップがbabelから動作するようには見えません。私は.babelrcファイル内でさまざまな設定を試みましたが、うまく動作していないようです。Visual Studio内でJestを使用する際にソースマップを設定する方法コードデバッガ

VScodeバージョン - 1.6.0(最新)

私のディレクトリ構造はこの

-package.json 
-node_modules 
-.babelrc 
-dist 
-app 
-myModule.js 
-test 
    -myModule.spec.js 

はその後、私の.babelrcに私が設定しようとした次

{ 
    "presets" : ["react-native"], 
    "sourceMaps" : true, 
    "outDir" : "./dist" 
} 

を持っている似ていますsourceMapstrueinlineの両方に適用され、両方とも現在のlaunch.json構成では機能しませんでした。ここで

冗談はポートと競合する子プロセスを生成しますので、冗談テスターに​​

{ 

      "name" : "Launch via jest", 
      "type": "node", 
      "request": "launch", 
      "program" : "${workspaceRoot}/node_modules/jest/bin/jest.js", 
      "cwd": "${workspaceRoot}", 
      "args": [ 
       "--runInBand" 
      ], 
      "runtimeArgs": [ 
       "--harmony" 
      ], 
      "sourceMaps": true, 
      "outDir" : "${workspaceRoot}/dist" 
} 

--harmony--runInBand両方を実行するための私のlaunch.jsonは、デバッガが正しく動作して取得する必要があります。

は、私も自分のpackage.json内の追加冗談の構成を有している

"jest": { 
    "preset": "jest-react-native" 
    } 

私は、デバッガを実行するたびに今、それは実行され、それはあまり役に立ちませんオリジナルのソースの代わりにバベル出力のブレークポイントで停止。私はまた、テスト自体が重要であるかどうかわからないバーベルでまとめられていることに言及する必要があります。

すべてのポインタまたは異なる構成がすべて歓迎されます。

+0

あなたはその間に解決策を見つけましたか? – nico1510

答えて

1

.babelrcオプションは、sourceMap単数形です。 { "sourceMap" : "inline" }は私のために働きます。

0

あなたの冗談構成は何ですか?私は、次の設定値を追加するまで、私は報道に関連した奇妙なtranspiled出力を見ていた。

"testRegex": "src/.*\\.test\\.js$"

関連する問題