TypeScript 中的 Duplicate identifier 错误
要解决“Duplicate identifier 错误”:
- 确保我们没有任何冲突的标识符名称。
- 在 tsconfig.json 文件中将 skipLibCheck 选项设置为 true。
-
更新typescript 版本,例如
npm i -D @types/node@latest
。
有时,当我们使用与全局定义的对象、全局接口或不同文件中具有相同名称的成员(如果不使用 ES 模块)冲突的名称时会导致错误。
// ⛔️ 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 个导入或导出语句的文件。
如果我们的文件不包含至少 1 个 import
或 export
语句,则将其视为全局旧脚本,这是错误的常见原因。
如果我们没有要导出的内容,只需 export {}
。
// ✅ It's an ES module now
class Employee {}
export {};
我们使用文件中的 export {}
行将其标记为 ES 模块。
确保我们没有在代码中使用任何全局接口或对象的名称,例如 Node、Array、String。
“Duplicate identifier Error”错误的另一个常见原因是 - 我们的项目正在从包的多个版本中提取类型。
在 tsconfig.json 中将 skipLibCheck
选项设置为 true。
{
"compilerOptions": {
"skipLibCheck": true,
// ... rest
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
skipLibCheck
选项指示编译器跳过声明文件的类型检查。
这是必需的,因为有时两个库定义了相同类型的两个副本。
如果没有,请确保将 node_modules 添加到我们的 exclude
数组(如上面的代码片段中)。
如果我们的错误消息显示类型包的名称,例如 /node_modules/typescript/lib....
我们必须更新 @types/node
的版本。 例如,这是更新 @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 经常出现故障,有时重启可以解决问题。
相关文章
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。
在 TypeScript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:97 分类:TypeScript
-
本教程指南通过特定的实现和编码示例深入了解了 TypeScript 中 declare 关键字的用途。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。