TypeScript 可以编译，但会出现运行时错误

Question

我是 TypeScript 的新手，遇到了一个我不太明白的问题......

我正在使用一个名为 TypeLite 的库，它将采用我的 C# POCO 并将它们转换为 TypeScript 类。

它是一个 T4 模板，生成一个名为 TypeLite.Net4.d.ts 的文件，据我了解，.d 文件是自动加载的定义文件。

生成的代码如下所示：

declare module Models {
    export class LoginModel {
        password: string;
        rememberMe: boolean;
        userName: string;
    }
}

在我的组件中，我可以很好地访问 Models.LoginModel 并且它不会给我任何编译器错误（使用 Visual Studio）。

但是，当我尝试运行它时，我得到：

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in :0:0
ORIGINAL EXCEPTION: ReferenceError: Models is not defined
ORIGINAL STACKTRACE:
ReferenceError: Models is not defined
    at new LoginComponent 

这是我的登录组件：

import { Component } from 'angular2/core';

@Component({
    selector: 'login',
    templateUrl: './app/login/login.html'
})

export class LoginComponent {
    model: Models.LoginModel = new Models.LoginModel();
}

我在这里做错了什么？

Answer 1

您还没有将模型导入您的 LoginComponent

   import { Model } from 'path to Model module';

由于定义文件，您可能会获得智能感知，但要在运行时使用它，您必须导入该类。