TypescriptのソースマップがAndroidデバイスのIonic 2に表示されない

Question

私は奇妙なIonic2の動作に直面しています。 私のアプリをシミュレータにデプロイすると、chrome inspectデバッガの.tsファイルsourceMapが見えます。両方のケースで

は、私が使用：私は、実際のデバイス上で私のAPKを展開するときに、他の側では

ionic run android 

を、タブが「ソースは」他のグループと完全に異なっています私の.tsファイルへの参照はありません。

私の環境は次のとおりです。

• OS X 10.11
• イオン2 2.0.0-beta.35
• コルドバ6.3.0

このプロジェクトは当初、テッドによって：

ionic start biblio tutorial --v2 

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true 
    }, 
    "filesGlob": [ 
    "**/*.ts", 
    "!node_modules/**/*" 
    ], 
    "exclude": [ 
    "node_modules", 
    "typings/global", 
    "typings/global.d.ts" 
    ], 
    "compileOnSave": false, 
    "atom": { 
    "rewriteTsconfig": false 
    } 
} 

tsconfig.json

{ 
    "name": "biblio", 
    "app_id": "", 
    "v2": true, 
    "typescript": true 
} 

ionic.config.json任意のアイデア？

Answer 1

Android搭載デバイスでリモートデバッグをしているときにChromeデバッガがデバイスのソースマップファイルにアクセスできないという問題がありました。解決策は、ソースマップをインラインで含めることです。このI行うには：

する。これは、ソースマップをインラインで追加するためのWebPACKは

"sourceMap": true, 

tsconfig.jsラインを変更することですルートプロジェクトディレクトリにpackage.jsonするには、以下の

"config": { 
"ionic_bundler": "webpack", 
"ionic_source_map_type": "#inline-source-map" 
}, 

を追加しましたこれはによって行われているので

"sourceMap": false 

にこれはソースマップファイルを作成するにはtypescriptですを無効にすることですwebpack。

この変更の後、すべて正常に動作しているようです。これはionic 2 RC_04