如何在角度2中調試問題的JavaScript文件？

我下載這個例子https://github.com/angular/angular2-seed。我現在用webstrom編輯器，然後用NPM安裝然後我用NPM開始 ..Apllication運行良好，但我不能夠調試應用程序..how我會調試應用程序？有沒有什麼辦法來調試應用程序如何在角度2中調試問題的JavaScript文件？

我遵循所有步驟

Clone or fork this repository 
Make sure you have node.js installed 
run npm install to install dependencies 
run npm start to fire up dev server 
open browser to http://localhost:8080

來源

2016-02-12 user944513

你在哪裏要調試？哪個IDE？在瀏覽器中打開devtools並設置一個斷點。在WebStorm中，您可以在運行應用程序之前或之中設置斷點。請提供更多關於您想要完成的內容的信息。 –

其實它縮小了所有文件 – user944513

您可能需要禁用縮小。您可能需要在瀏覽器devtools設置中啓用源地圖（我自己不使用TS，不知道詳細信息） –

的配置的WebPack在這angular2種應用程序未配置爲使用sourcemaps。看看這裏：How do I generate sourcemaps when using babel and webpack?獲得一些提示

簡而言之：在你tsconf.json：

{ 
    "compilerOptions": { 
    "module": "commonjs", 
    "sourceMap": true //Set to true to get source maps from .ts, not .js 
    }, 
    "files": [ 
    ... 
    ] 
}

在你webpack.config：

module.exports = { 
    devtool: 'source-map', // to generate sourcemaps

來源

2016-02-12 11:22:00 jornare

不工作它不是解決方案..我試試它不工作 – user944513

如果你重新啓動webpack服務器，你會得到源代碼。但是我看到這個解決方案給了你編譯後的.ts文件的源代碼，而不是真正的源代碼。 – jornare

實際上請下載代碼，然後你發現它不起作用 – user944513

如何在角度2中調試問題的JavaScript文件？

回答

相關問題