使用 outFile 引用正确打字稿文件的浏览器错误消息

Question

我正在使用tsconfig.json 中的outFile 选项将我的打字稿文件编译成一个.js 文件。
我正在生成源地图。
但是，错误消息不引用到打字稿文件。

例子：

---

script.ts：throw 'Error'
tsconfig.json：

{
  "compilerOptions": {
    "sourceMap": true
  }
}

编译（tsc 1.6.2）会生成：
script.js：throw 'Error
script.js.map：{"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"AACA,MAAM,QAAQ,CAAC"}

浏览器的控制台 (Chrome 47.0.2526.73 m) 将显示：Uncaught Error. script.ts:1

没关系。

---

script.ts：throw 'Error'
tsconfig.json：

{
  "compilerOptions": {
    "sourceMap": true,
    "outFile": "app.js"
  }
}

编译（tsc 1.6.2）会生成：
app.js：throw 'Error
app.js.map:{"version":3,"file":"app.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"AACA,MAAM,QAAQ,CAAC"}

浏览器的控制台 (Chrome 47.0.2526.73 m) 将显示：Uncaught Error. app.js:1

是app.js应该是app.ts

如何让浏览器将错误消息引用到我的打字稿文件？

Answer 1

我使用了相同版本的 Chrome 浏览器。但是 ts 编译器版本是 1.7.3

开发工具控制台已打开。

1 例：

• ts.config

  { "compilerOptions": { "sourceMap": true } }

• app.ts

  throw 'some error in my typescript';

• 开发工具控制台：

  app.ts:5Uncaught some error in my typescript(anonymous function) @ app.ts:5

2 例：

• ts.config

  { "compilerOptions": { "sourceMap": true, "outFile": "src.js" } }

• app.ts

  throw 'some error in my typescript';

• 开发工具控制台：

  app.ts:5Uncaught some error in my typescript(anonymous function) @ app.ts:5

如果一个开发工具控制台被关闭，页面被刷新，那么你将打开开发工具控制台，然后你可以看到如下：

src.js:4 Uncaught some error in my typescript

但是如果你用打开的开发工具控制台再次刷新页面，你可以看到 ts 文件是错误的来源。