2017-11-01 6 views
0

解決方法をWeb上で検索していますが、何も見つかりませんでした。WindowsのTypescriptで生成されたコードが見つからないため、ブレークポイントが無視されました

私はtypescriptプロジェクトをデバッグしようとしています。プロジェクトのフォルダ構造とtsconfig.jsonファイルは以下のとおりです。enter image description here

そして、私のlaunch.jsonファイルは以下のとおりです。私は、デバッグをしていた場合

enter image description here

、私はその.MAPを見ることができますファイルが生成されているので、私は起動ファイルに

"sourceMaps": true, 
"outFiles": ["${workspaceFolder}\\typeScript\\**\\*.js"] 

を追加しました。 .tsファイルのいずれかにブレークポイントを設定すると、なぜVSコードが私に "Breakpoint ignored ..."を与えているのかわかりません。 VSコードは.mapファイルを見たり、何とかそれを間違って解釈したりすることはできません。

生成されたマップファイルのスクリーンショットを添付しています。パスは正しく見えます。

enter image description here

私はこれらの設定ファイルを再生したときに私は気づいた唯一のものはtsconfig.jsonで、Windowsのファイルパスのみを認識することだった「\\」の代わりに「/」の。私は.mapファイルですべてが "/"であると見ています。違いがあるかどうかはわかりません。

誰でも手助けできますか?どうもありがとう。

+0

にブレークポイントを設定することで、ブラウザのコンソールから、それをデバッグすることができないものです – Niladri

答えて

0

あなたが提供した情報を見ても何のことも確信できません。あなたの場合は

enter image description here

をこれは私のtsconfig.jsonがどのように見えるかです::

{ 
    "compilerOptions": { 
     "declaration": false, 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "lib": ["es2017", "dom"], 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "outDir": "../build", 
     "sourceMap": true, 
     "target": "es2016", 
     "typeRoots": [ 
      "../node_modules/@types" 
     ] 
    }, 
    "include": [ 
     "**/*.ts" 
    ], 
    "exclude": [ 
     "../node_modules", 
     "../*.js" 
    ] 
} 

そして、これが私のディレクトリ構造は次のようになります。しかし、ここで私がやっているものです私のsrcフォルダとビルドフォルダ(結果として得られるtranspered JSとマップファイルを含む)が並んでいて、論理ディレクトリ構造を維持するのに本当に役立つことに注意してください。

[OK]を、今起動の設定を来る:

{ 
      "type": "node", 
      "request": "launch", 
      "name": "Start and Debug", 
      "preLaunchTask": "nb-tsc-watch", 
      "timeout": 10000, 
      "program": "${workspaceFolder}/backend/src/app.ts", 
      "restart": true, 
      "cwd": "${workspaceRoot}", 
      "outFiles": [ 
       "${workspaceFolder}/backend//build/**/*.js" 
      ], 
      "sourceMaps": true 
     } 

あなたが使用したいものは何でもpreLaunchTask使用、あるいはそれをスキップすることができます。

これは私が私の仕事nb-tsc-watch

{ 
      "label": "nb-tsc-watch", 
      "type": "typescript", 
      "tsconfig": "backend/src/tsconfig.json", 
      "option": "watch", 
      "problemMatcher": [ 
       "$tsc-watch" 
      ] 
     } 
関連する問題