Ошибка "caught SyntaxError: Unexpected token ':' (at first.ts:1:6)" TypeScript

Question

Ошибка "caught SyntaxError: Unexpected token ':' (at first.ts:1:6)" TypeScript

Александр Новиков Ученик (21), на голосовании 1 год назад

ts:

 const a: number = 5; 
console.log(a);

html:

  
 
 
     
     
    Document

Answer 1

браузеры не поддерживают тайпскрипт, он должен переводиться в обычный js на стороне сервера

Answer 2

Ошибка "caught SyntaxError: Unexpected token ':' (at first.ts:1:6)" возникает из-за того, что браузер не понимает TypeScript файлы напрямую.

TypeScript - это язык программирования, который требует предварительной компиляции в JavaScript перед запуском в браузере. В данном случае, нужно скомпилировать файл first.ts в JavaScript, а затем уже указать этот скомпилированный JavaScript файл в теге <script> в HTML файле.

Для компиляции TypeScript файла в JavaScript, можно использовать команду tsc в командной строке:

tsc first.ts

После выполнения этой команды, в том же каталоге, где находится first.ts, будет создан файл first.js.

Затем, в HTML файле, нужно изменить следующую строку:
<script src="first.ts"></script>
на:
<script src="first.js"></script>

Теперь, при открытии HTML файла в браузере, скомпилированный JavaScript файл будет загружен и выполнен.