新しい

ngを私が使用して角度CLIを使用してアプリケーションを作成しました：新しい

ng new my-app

をそこにはWebPACKのデフォルトで設定されていないとChrome devのツールで.TSファイルがマップされた/表示されていませんだから私は蒸散されたJSだけをデバッグすることができます。

Webpackがデフォルトでそこにないのはなぜですか、Angularには独自の選択肢がありますか？

これは私の.tsファイルが正しくマップされていない理由ですか？

EDIT - @torazaburoのコメントを読んだ後に - ここに私のtsconfig.jsonです：

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "sourceMap": true, 
    "declaration": false, 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "target": "es5", 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "lib": [ 
     "es2016", 
     "dom" 
    ] 
    } 
}

また、私の同僚を追加するために、私と同じ手順を経て、私が想定して、彼らが持っています。 chrome開発ツールのwebpackが提供するtsファイル

出典

2017-07-26 Ben Taliadoros

angle-cliはウェブパックを隠すので、心配する必要はありません。 'tsconfig.json'でsourcemapオプションが有効になっていることを確認してください。 –

私はそれを有効にして、設定で更新します。ありがとう –

あなたはどのバージョンのcliを使用していますか？ – pinkfloyd

最新の安定版Chromeをインストールしてください。

私はChromium Version 53.0.2785.143を使用していました。Ubuntu 14.04（64ビット）で動作するUbuntu上で構築されました。私の同僚のChromiumバージョンが高かったことに気付きましたが、Ubuntuソフトウェアセンターにバグがありますので、最新のChromeをインストールしました。これは私の問題を解決しました。

出典

2017-07-27 08:48:31

答えて

関連する問題