2016-11-22 74 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" 
    }