2016-11-22 73 views
4

我試圖調試離子2應用程序,我想知道如何針對每打字稿文件映射到的javascript文件souceMap離子2打字稿源地圖沒有創建

但是,當我在Chrome中打開開發工具時,沒有任何souceMap文件。

Chrome-dev-tool-source-img

另外,我在tsconfig.json文件中啓用了"sourceMap":true。 這是我tsconfig.json文件

{ 
    "compilerOptions": { 
    "allowSyntheticDefaultImports": true, 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ 
     "dom", 
     "es2015" 
    ], 
    "module": "es2015", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "target": "es5", 
    "types": [ 
     "jasmine" 
    ] 
    }, 
    "include": [ 
    "src/**/*.ts" 
    ], 
    "exclude": [ 
    "node_modules" 
    ], 
    "compileOnSave": false, 
    "atom": { 
    "rewriteTsconfig": false 
    } 
} 

在那之後,我試着根據本 sourcemaps not working for ionic 2改變ionic.config.json。但它也不適合我。

有誰知道什麼是錯?

+0

當你運行應用程序,你得到任何錯誤? – ranakrunal9

+0

沒有錯誤。應用程序工作完美。 –

回答

5

找到了答案。

不過.MAP文件不會產生。因爲這是一個bug,請參閱issue。但現在我可以將這個

"config":{ 

    "ionic_source_map":"source_map" 
} 

的package.json文件後進行調試。現在所有的.ts文件都以調試模式顯示。

1

現已改爲 -

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