Angular2管理外部类型定义和处理“Duplicate identifier” TypeScript错误

在学习angular2的时候，根据angular2中文网提供的quickstart作为种子项目。在安装完所有包并运行项目的时候，出现了满屏的编译错误：

error TS2300: Duplicate identifier

在这里就聊聊这个错误的原因和如何修复它。为了能更好的明白这个问题，我们先讨论TypeScript和Javascript，以及外部类型定义和@types之间的不同。

介绍

在深入之前，先说一下TypeScript的外部类型定义。
如果你比较熟悉TypeScript和JavaScript之间的区别，可以跳过这一部分。

TypeScript是静态类型语言，是JavaScript的超集。静态类型意思是我们所写的程序要经过一个编译的阶段，在这个阶段，编译器执行类型检查，在一定程度上核实正确性。例如：

// person-human.ts

class Person {
  talk() {
    // ...
  }
}

class Superhero extends Person {
  fly() {
    // ...
  }
}

let bar = new Person();

bar.fly();

如果我们编译上面的代码，TypeScript编译器会报错：

$ tsc person-human.ts
Property 'fly' does not exists on type 'Person'.

如果我们运行相应的JavaScript文件，得到错误：

$ node person-human.js
Uncaught TypeError: bar.fly is not a function

虽然上面的两种脚本都报错，但是tsc是在编译时间报的错，而node是在运行时间报的错。

编译时间的错误是容易被开发者处理的，因为错误是基于开发者的静态代码分析的。意味着，在用户使用代码前，编译器能够通知开发者可能的错误。

另一方面，我们使用JavaScript动态类型，我们不可能找出所有我们犯的错误。为动态类型语言的代码进行静态代码分析是很难的（几乎是不可能的），因此，代码发布到生产环境后，仍然没有找到可能存在的问题也是相当有可能的。