Typescriptファイルを実行した時のエラー

Question

前提・実現したいこと

現在Typescriptを学習中の初学者です。
ターミナルで node ~~~.ts とファイルを実行しconsole.logを表示
しようとした際にエラーが発生しました。

発生している問題・エラーメッセージ

let unionType: number | string;
SyntaxError: Unexpected token ':'

該当のソースコード

let unionType: number | string;
unionType = 10;

console.log(unionType);

試したこと

エラーについては「：」の場所がおかしいとの意味だと理解はしており、
誤字などの確認、書き直しなど致しました。

また、確認のためウェブ上で解説されているコードを貼り付けて実行してみましたが、同じようなエラー結果でした。

補足情報（FW/ツールのバージョンなど）

vscode ver1.63.2
macOS monterey ver12.1
typescript ver4.5.4
node ver16.13.1

Comments

[hoshi-takanori]

node ~~~.ts だと node.js で JavaScript として実行する、という意味になります。
TypeScript を JavaScript にコンパイルするには tsc というコマンドを使うような…。

[zuuuu]

自分の把握ミスでした。修正致します。ご指摘ありがとうございます。

Answer 1

私も試したら：でエラーになり、コンパイラのバグではないかと判断しました。
Vscodeお使いなら、
ターミナル→規定のビルドタスクの構成→tscビルド　を選択し、
ターミナル→ビルドタスクの実行　で、TypeScriptをJavaScriptにコンパイルします。
そして、実行→実行の構成で、Node.js Lunch Program を設定後、
実行すると、デバッグコンソールに10という値が出るようになりました。

（環境設定にちょっと手間取りました）
ご参考まで。

Comments

[zuuuu]

設定等する際に足りていなかった部分などがありましたが、
サイトを調べるなどしてそこは解決できました。

また、ご教授していただいた手順通りに設定し、無事に
デバッグコンソールの確認が行えました。
ありがとうございした！