时间戳

首页 > 解决方案 > 在 TypeScript 中定义自定义类型时出现意外标识符

typescript - 在 TypeScript 中定义自定义类型时出现意外标识符

问题描述

下面的代码给了我一个错误Uncaught SyntaxError: Unexpected identifier，type Player = {我不明白什么是不正确的。值得一提的是，我是TypeScript 的新手，是否可以<script src="static/ts/game.ts"></script>像任何 JavaScript 文件一样做，或者我需要先以某种方式将它编译成 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;

标签： typescripttypes

解决方案

浏览器目前只能理解.js文件：因此，您不能直接通过<script>标签加载 typescript 文件：需要先使用 typescript compiler 编译成 JS tsc。

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

推荐阅读