迹忆客 专注技术分享

当我们的代码中有语法错误或者我们的代码编辑器使用的是旧版本的 TypeScript 时，就会出现“Expression expected”TypeScript 错误。 要解决此错误，请确保更正任何语法错误并使用最新版本的 TypeScript 编译器。

以下是错误发生的示例代码。

// ⛔️ Error: Expression expected.ts(1109)
export default const YEAR: number = 2023;

// ⛔️ Error: Expression expected.ts(1109)
const result = true && () => {}

function sum(a: number, b:number) {
  // ⛔️ Error: Expression expected.ts(1109)
  return, a + b; // 👈️ remove comma
}

在第一个示例中，我们有一个语法错误，因为我们声明了一个变量并在同一语句中将其导出为默认值。

要解决该错误，请在一行中声明变量并在下一行将其作为默认导出。

const YEAR = 2023;

export default YEAR;

如果要将变量（或箭头函数）导出为默认导出，则必须在第一行声明它并在下一行导出。 您不能在同一行声明和默认导出变量。

错误的另一个原因是使用逻辑 AND (&&) 和逻辑 OR (||) 运算符时的优先顺序不正确。

如果有复杂的条件，请尝试将操作括在括号中以指示应如何运行代码。

const result = true && (() => {}); // 👈️ 使用括号

仔细查看我们的错误消息，它可能显示错误发生在哪一行。 确保更正任何语法错误。

它可以像不必要的逗号或点一样简单。

function sum(a: number, b:number) {
  return, a + b; // 👈️ remove comma
}

如果这些建议都不起作用，则我们的代码编辑器可能正在运行旧版本的 TypeScript，并且我们可能正在使用特定版本尚不支持的功能。

如果我们使用 VSCode，我们可以按 CTRL + Shift + P 打开命令面板并输入 typescript version 并单击 TypeScript：选择 TypeScript version，然后单击 Use Workspace version。

如果我们的项目中没有本地安装 TypeScript，请在项目的根目录中打开终端并安装它。

$ npm install -D typescript@latest

现在重新运行这些步骤以确保您的代码编辑器使用正确的 TypeScript 版本。

如果这些建议都不起作用，请尝试将导致错误的代码粘贴到 TypeScript Playground 中。

操场编辑器将向您显示它发现的错误，并在发生的地方将它们下划线。

如果我们的代码编辑器使用正确版本的 TypeScript，则“Expression expected”错误的最可能原因是代码中的语法错误。

总结

当我们的代码中有语法错误或者我们的代码编辑器使用的是旧版本的 TypeScript 时，就会出现“Expression expected”TypeScript 错误。 要解决此错误，请确保更正任何语法错误并使用最新版本的 TypeScript 编译器。