0

Ember アドオン (バージョン 3.18) を使用して VS Code でブレークポイントを機能させようとしています。launch.json を次のように試しました:

{
"version": "0.2.0",
"configurations": [
    {
        "type": "edge",
        "request": "launch",
        "name": "Launch Edge against localhost",
        "port": 9222,
        "runtimeArgs": [ "--remote-debugging-port=9222" ],
        "url": "http://localhost:4200",
        "sourceMapPathOverrides": {
            "dummy/*": "${workspaceFolder}/tests/dummy/app/*",
            "test-addon/*": "${workspaceFolder}/addon/*",
        }
    }
]}

ダミー テスト アプリでファイルにブレークポイントを設定する場合は問題なく機能します。ただし、アドオン フォルダー内のファイルにブレークポイントを設定すると、VSCode は「ブレークポイントは設定されていますが、まだバインドされていません」と表示します。これはどのように修正できますか？2 番目のソースマップ パスのオーバーライドが間違っていると思いますか?

4

1 に答える 1

0

もう少し実験した後、2番目のパスは次のようになります。

"addon-tree-output/test-addon/*": "${workspaceFolder}/addon/*"

アップデート：

これでも、アドオン ファイル内で正しく壊れないことがわかりました。例えば。アドオン コンポーネント ファイル:

@action
click() {
   console.log('hello')  // Set breakpoint here
}
// Instead, jumps to here

ダミー ソース マップとベンダー ソース マップの違いはありますか? ember-cli-build.js にはオプションがあります。

babel: {
  sourceMaps: 'inline'
}

しかし、これはその下のコメントに記載されているように、ダミーのテストアプリにのみ適用されますか?

于 2020-06-18T11:02:26.470 に答える