TypeScript 中的声明或声明预期错误

Declaration or statement expected error in TypeScript

当我们的代码中出现语法错误时，例如解构、导出或缺少或不一致的括号时，就会出现“预期的声明或语句”错误。要解决该错误，请确保更正代码中的任何语法错误。

预期的声明或声明

以下是错误发生方式的 3 个示例。

索引.ts


let one: number;

const obj = {
  one: 1,
};

// 1. ⛔️ Parsing error: Declaration or statement expected.
{ one } = obj; // 👈️ this must be wrapped in parentheses

const sum = (a: number, b: number) => a + b;

// 2. ⛔️ Error: Parsing error: Declaration or statement expected.eslint
export sum // 👈️ should be export {sum}

// 3. Make sure you're not using reserved words
const case = 'hello world' // 👈️ case is reserved word

第一个示例显示了解构时错误是如何发生的。为了能够解构和重新分配已声明的变量，请将语句括在括号中。

索引.ts


let one: number;

const obj = {
  one: 1,
};

// ✅ OK
({ one } = obj); // 👈️ this must be wrapped in parentheses

console.log(one); // 👉️ 1

在导出您之前声明的内容时，您也可能会遇到错误。当您声明某些内容并将其导出到另一行时，请将导出内容用花括号括起来。

索引.ts


const sum = (a: number, b: number) => a + b;

// ✅ OK
export { sum };

我们基本上是在导出一个包含一个或多个命名导出的对象。

如果在单个语句中导出和声明变量，则不必使用花括号。

索引.ts


// ✅ OK
export const sum = (a: number, b: number) => a + b;

错误的另一个常见原因是代码中某处缺少括号。

大多数代码编辑器都有扩展，可以将括号和花括号分组为不同颜色，以便在缺少括号和花括号时更加明显。一个例子是 VSCode 中的“Bracket Pair Colorizer”扩展。

仔细检查您的代码是否缺少花括号、圆括号、方括号等。

如果您使用 IntelliJ 作为 IDE 并收到“预期的声明或语句”错误，请尝试关闭并重新打开该文件或重新启动您的 IDE，因为它有时会出现故障。

确保在声明变量时没有使用任何保留字。

索引.ts


const case = 'hello world' // 👈️ case is reserved word

像case, class,Error等词是保留的，所以我们不允许将它们用作变量名。

结论

–