TypeScript 中的重复标识符错误

作者

TypeScript 中的重复标识符错误

Duplicate identifier error in TypeScript

要解决“重复标识符错误”：

  1. 确保您没有任何冲突的标识符名称。
  2. 在您的文件中设置skipLibCheck选项。truetsconfig.json
  3. 更新您的打字版本，例如npm i -D @types/node@latest.

重复标识符错误

有时，当我们使用与全局定义的对象、全局接口或不同文件中具有相同名称的成员（如果不使用 ES 模块）冲突的名称时，会导致错误。

索引.ts
// ⛔️ Duplicate identifier 'Employee'.ts(2300)
class Employee {}

// ⛔️ Duplicate identifier 'Node'.ts(2300)
class Node {} // 👈️ name of global interface

// ⛔️ Duplicate identifier 'Array'.ts(2300)
class Array {} // 👈️ name of global interface

该类Employee导致错误，因为该文件不是 ES 模块。模块是至少包含 1 个importorexport语句的文件。

如果您的文件不包含至少 1 个importor语句，则它被认为是全局遗留脚本，这是导致错误的常见原因。 export

如果您没有任何要导出的内容，只需export {}.

索引.ts
// ✅ It's an ES module now
class Employee {}

export {};

我们在文件中使用该export {}行将其标记为 ES 模块。

确保您没有在代码中使用任何全局接口或对象的名称，例如
Node, Array, String。

“重复标识符错误”错误的另一个常见原因是 – 您的项目正在从包的多个版本中提取类型。

在skipLibCheck您true的tsconfig.json.

打字稿：index.ts
{
  "compilerOptions": {
    "skipLibCheck": true,
    // ... rest
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

skipLibCheck选项指示编译器跳过声明文件的类型检查。

这是必需的，因为有时两个库定义相同类型的两个副本。

如果没有，请确保添加node_modules到您的exclude数组（如上面的代码片段中）。

如果您的错误消息显示一个类型包的名称，例如
/node_modules/typescript/lib....

您必须更新类型包的版本。例如，这就是您更新@types/node.

壳
npm i -D @types/node@latest

确保安装最新版本的@types软件包，因为您可能有旧版本（或多个版本）。

如果你@types/node的依赖包中有这个包，一定要运行
npm i -D @types/node@latest，因为它经常会导致错误。

如果错误未解决，请尝试删除您的node_modules和
package-lock.json文件，重新运行npm install并重新启动您的 IDE。

壳
rm -rf node_modules package-lock.json

npm install

如果错误仍然存​​在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障，有时重启可以解决问题。

结论

要解决“重复标识符错误”：

  1. 确保您没有任何冲突的标识符名称。
  2. 在您的文件中设置skipLibCheck选项。truetsconfig.json
  3. 更新您的打字版本，例如npm i -D @types/node@latest.

–

发表评论