Как я могу отладить модульный TypeScript с исходными картами?
У меня нет времени, пытаясь заставить работать отладку TypeScript в Chrome Dev Tools. Я сгенерировал исходные карты для всех моих файлов .ts, и JavaScript выглядит корректно, но Chrome загружает только файл js, на который есть ссылка в index.html, и игнорирует все модули. Это имеет смысл, потому что компилятор Typescript, похоже, ничего не делает с моими модулями. Если бы кто-то мог объяснить, что я делаю неправильно в следующем примере, это было бы здорово.
Мой проект настроен так:
root/
src/
Company.ts
User.ts
app.ts
index.html
Company.ts
module Company {
export class Job {
public title:string;
public description:string;
constructor(title:string, desc:string){
this.title = title;
this.description = desc;
};
}
}
User.ts
///<reference path="Company.ts"/>
module User {
export class Person {
public first:string;
public last:string;
private myJob:Company.Job;
private myAccount:User.Account;
constructor(firstName:string, lastName:string){
this.first = firstName;
this.last = lastName;
}
public getName():string{
return this.first + ' ' + this.last;
}
public setJob(job:Company.Job){
this.myJob = job;
}
public setAccount(acct:User.Account){
this.myAccount = acct;
}
public toString():string{
return "User: " + this.getName()
+ "\nUsername: " + this.myAccount.userName
+ "\nJob: " + this.myJob.title;
}
}
export class Account {
public userName:string;
private _password:string;
constructor(user:Person){
this.userName = user.first[0] + user.last;
this._password = '12345';
}
}
}
app.ts
///<reference path="src/User.ts"/>
///<reference path="src/Company.ts"/>
(function go(){
var user1:User.Person = new User.Person('Bill','Braxton');
var acct1:User.Account = new User.Account(user1);
var job1:Company.Job = new Company.Job('Greeter','Greet');
user1.setAccount(acct1);
user1.setJob(job1);
console.log(user1.toString());
}());
index.html
<!DOCTYPE html>
<html>
<head>
<title>TypeScript Test</title>
<script src="app.js"/>
<script>
go();
</script>
</head>
<body>
</body>
</html>
Команда компилятора
tsc --sourcemap --target ES5 --module commonjs file.ts
Когда я открываю index.html в Chrome и открываю панель «Источники» Chrome Dev Tools, он показывает мне app.js и app.ts, но не другие модули .ts. Итак, исходная карта для app.ts работает, но как мне загрузить другие модули, чтобы их можно было отлаживать в Chrome?