Почему TypeScript не работает в браузере

TypeScript — это надмножество JavaScript, которое компилируется в чистый JS перед выполнением. Браузеры понимают только JavaScript, поэтому TypeScript-код нужно сначала скомпилировать с помощью tsc или Babel.

Пример:

// Файл app.ts
const greet: string = "Hello";
console.log(greet);

После компиляции (tsc app.ts) получим:

// Файл app.js
var greet = "Hello";
console.log(greet);

Именно этот JS-файл уже можно подключать в браузер. TypeScript добавляет статическую типизацию и другие фичи, но они существуют только на этапе разработки.