2016-08-02 114 views
3

我面臨奇怪的Ionic2行爲。 當我將我的應用程序部署到模擬器時,我可以在chrome inspect調試器中看到.ts文件sourceMap。Android設備上的Ionic 2中未顯示Typescript源地圖

在這兩個案例中,我使用:

ionic run android 

enter image description here

另一方面,當我部署一個真正的設備上我的APK,標籤「源」是與其他羣體完全不同的目錄,並沒有參考我的.ts文件。

enter image description here

我的環境是:

  • OS X 10.11
  • 離子2 2.0.0 beta.35
  • 科爾多瓦6.3.0

該項目最初屬於該項目泰德是:

ionic start biblio tutorial --v2 

ionic.config.json

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

tsconfig.json

{ 
    "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 
    } 
} 

任何想法?

回答

3

對我來說問題是,當你在Android設備上進行遠程調試時,Chrome調試器無法訪問設備上的源映射文件。解決方案/解決方案是包含內聯源地圖。要做到這一點我:

添加下面的根項目目錄

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

這是使的WebPack添加源到的package.json映射直列改變tsconfig.js線

"sourceMap": true, 

"sourceMap": false 

這是禁用typescript來創建源映射文件,因爲這是由的WebPack。

這個改變後,一切似乎工作正常。請注意,這適用於離子2 RC_04

+0

如果你改變「sourceMap」:false它會給出錯誤這樣的東西 –

+1

[18:05:00] ionic-app-script任務:「build」 [18:05:00 ]錯誤:「tsconfig.json」文件必須將compilerOptions.sourceMap設置爲true。欲瞭解更多信息,請登錄 查看默認的Ionic項目tsconfig.json文件: https://github.com/driftyco/ionic2-app-base/blob/master/tsconfig.json –

相關問題