Angular 2: ngc 常见错误和解决办法

假如你的 Angular 2 代码已经可以在调试环境下正常运行了，但是无法通过 ngc 编译 (或者是一些其他需要编译执行的任务，如 Ionic 2 的 ionic build android 命令等)，你会发现一些非常抓狂的错误原因。

TypeError: cannot read property 'kind' of undefined

这是一个错误本体和描述没有任何关系的实例，正如下文链接的原回答所说，

But unlike other incompatibilities, this one generates the most cryptic error message ever.

这个错误的真实原因是，由于 Angular 的 AoT 的设定不兼容，你不能采用 default exports. 需要使用具名输出。也就是

// somefile.ts
export default function (...) {
    ...
}
...
// some-other-file.ts
import whatevar from './somefile';

需要改为

// somefile.ts
export function whatevar(...) {
    ...
}
...
// some-other-file.ts
import { whatevar } from './somefile';

参见问题 http://stackoverflow.com/ques... 最高票答案和评论。

Duplicate identifier 'Promise'

参见之前的问题 https://segmentfault.com/q/10... 。结果表明，不能使用 @types/es6-promise (typings install 我试了一下，貌似也不行，然而不确定)，而应该使用 TypeScript 内建的 Promise 定义。

另外 HTML 调用方法时，参数的数量和类型必须和 TypeScript 文件的方法签名一致。