Angular2應用程序 - Chrome腳本是空的，VS2015沒有命中斷點

指向斷點VS2015-Update1彈出'斷點當前不會被命中。沒有符號已經加載爲這個文件' * .js.map是在我的www */app目錄中的* .js旁邊生成的。該項目工作正常。我也嘗試過Chrome下的調試，但是我不能在sources/scripts/app.ts中放置斷點，因爲它是空的。我的web.config的修正：Angular2應用程序 - Chrome腳本是空的，VS2015沒有命中斷點

<staticContent> 
    <remove fileExtension=".ts" /> 
    <mimeMap fileExtension=".ts" mimeType="application/x-typescript" /> 
</staticContent>

和

tsconfig.json有「sourceMap」：真

誰能幫助或鏈接我VS2015 Angular2你好字，我可以打斷點？

Project tree - png

import { bootstrap } from 'angular2/platform/browser'; 
 
import { Component, View } from 'angular2/core'; 
 
import { NgFor } from 'angular2/common'; 
 
import { FORM_DIRECTIVES } from 'angular2/common'; 
 

 
@Component({ 
 
    selector: "my-app" 
 
}) 
 
@View({ 
 
    template: ` 
 
    {{message}} 
 
    <br/><input [(ngModel)]="message"/> 
 
    `, 
 
    directives: [FORM_DIRECTIVES] 
 
}) 
 

 
class AppComponent { 
 
    message: string = "Hello word"; 
 
} 
 

 
bootstrap(AppComponent);

消息：字符串= 「你好字」; - 在這裏我把斷點

來源

2016-01-04 McLac

您需要填寫關於上下文的更多細節 - 這沒有多大意義。 Visual Studio和Chrome之間有什麼關係？如果沒有更全面的問題描述，這個問題聽起來是無法回答的。 –

這個關係是我目前由VS2015通過IIS Express託管它的，但是你沒事兒它基本上是兩個問題，第一個是關於VS2015的調試，第二個是關於Chrome的ts調試 – McLac

我可能不太瞭解VS + Chrome的作品。他們連接的概念對我來說似乎很奇怪。查看代碼，Chrome可能沒有涉及，因爲你正在設置一個VS斷點。無論如何，我認爲這個問題是不可回答的。將它編輯爲一個。 –

您正在使用ASP.NET 5項目模板（根據上傳的項目樹 - PNG）。 ASP.NET 5仍然在RC中，因此我確信調試功能將得到改進，但打字稿調試應該可以在Chrome中使用。請確保將映射文件中的正確相對路徑設置爲.ts源文件，並確保源文件確實存在於wwwroot下的正確目錄中。如果設置不正確，則在Chrome中進行調試時會看到一個空白的.ts文件（如您所述）。

來源

2016-01-05 14:23:40 stratever

Thx，我移動了wwwroot下的scripts-ts目錄。從現在開始，Chrome調試很好。 – McLac

Angular2應用程序 - Chrome腳本是空的，VS2015沒有命中斷點

回答

相關問題