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"
}
を持っている似ていますsourceMapstrueとinlineの両方に適用され、両方とも現在の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"
}
私は、デバッガを実行するたびに今、それは実行され、それはあまり役に立ちませんオリジナルのソースの代わりにバベル出力のブレークポイントで停止。私はまた、テスト自体が重要であるかどうかわからないバーベルでまとめられていることに言及する必要があります。
すべてのポインタまたは異なる構成がすべて歓迎されます。
あなたはその間に解決策を見つけましたか？ – nico1510