javascript - ดีบัก TypeScript ใน Chrome, ตอบกลับ 404

ฉันกำลังคอมไพล์ไฟล์ .TS ของฉันเป็น JavaScript และสร้างแผนที่ซอร์ส อย่างไรก็ตามฉันไม่สามารถดีบักไฟล์จริงได้ ฉันมีไฟล์ .TS จำนวน X ไฟล์ที่คอมไพล์เป็น CombinedTypescript.js พร้อมกับแผนที่ซอร์สที่ถูกต้อง

อย่างไรก็ตาม เมื่อฉันพยายามเข้าถึงไฟล์ .TS ของฉันใน Chrome Debugger มันกลับให้การตอบสนอง 404 ไฟล์เหล่านั้นมีอยู่ใน "Sources" แต่ฉันไม่สามารถเข้าถึงหรือวาง breakpoints ใน CombinedTypescript.js และก้าวผ่านไฟล์ของฉันได้

มีใครพอจะรู้ไหมว่าปัญหาอาจจะเป็นอะไร?

คำตอบ #1

ปัญหาที่คุณกำลังเจอมีแนวโน้มว่าจะเกิดจาก IIS ไม่ได้ถูกกำหนดค่าให้ให้บริการไฟล์ .ts คุณจะต้องเพิ่ม .ts เป็นประเภท MIME

ตัวเลือก 1 - แก้ไข web.config

ฉันขอแนะนำให้ทำการเปลี่ยนแปลงนี้เพื่อให้โปรเจกต์ของคุณสามารถให้บริการไฟล์ .ts ได้ไม่ว่าจะอยู่ในสภาพแวดล้อมใด เพื่อทำเช่นนี้ ให้เพิ่มแท็ก mimeMap ลงใน web.config ของคุณภายใต้ configuration > system.webServer > staticContent ดังนี้:

<configuration>
    ...
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".ts" mimeType="application/x-typescript" />
        </staticContent>
    </system.webServer>
</configuration>

แหล่งที่มา

ตัวเลือก 2 - กำหนดค่า IIS

อีกตัวเลือกหนึ่งคือการกำหนดค่า IIS เพื่อให้บริการไฟล์ .ts ต่อไปนี้คือแหล่งข้อมูลบางส่วนสำหรับการทำเช่นนั้น:

• วิธีเพิ่มชนิด MIME ให้กับเว็บไซต์ (IIS 8)
• เพิ่มประเภท MIME (IIS 7)
• กำหนดค่า MIME Types (IIS 6)