在TypeScript中定义自定义类型时的意外标识符

Question

下面的代码给出了行Uncaught SyntaxError: Unexpected identifier上的一个错误type Player = {，我不明白什么是不正确的。值得一提的是，我是全新的 to TypeScript，是否可以像任何JavaScript文件那样做<script src="static/ts/game.ts"></script>，或者需要先将其编译成JavaScript，然后再引用.js文件？也许那就是我做错事的地方。

type Player = {
    isRolling: boolean;
    position: number;
};

const HUMAN: Player = {
    isRolling: true,
    position: 1
};

const AI: Player = {
    isRolling: false,
    position: 1
};

const PLAYERS: Player[] = [HUMAN,AI];

上面唯一的代码是：

// - Markers
const MARKER_HUMAN = document.createElement('div');
MARKER_HUMAN.className = 'marker-human';

const MARKER_AI = document.createElement('div');
MARKER_AI.className = 'marker-ai';

// - Dice
const DICE = document.getElementsByClassName('dice')[0];

/* Board Variables */
const BOARD_ROWS = 10;
const BOARD_COLS = BOARD_ROWS;

Answer 1

浏览器目前只能理解.js文件:因此，不能通过<script>标记直接加载类型记录文件:首先需要使用类型记录编译器tsc将其编译成JS。

您的IDE可能支持TypeScript编译，但您需要检查特定IDE的配置。否则，您可以始终通过命令行编译TypeScript。