Angular 文件'；login.module.ts'；不是模块

我不熟悉打字脚本和角度4。我正在尝试访问在路径

/ClientApp/app/\u models/login.module

中创建的类对象。 我的login.module.ts代码如下

module loginApp {
    export class LoginModel {
        public MID: string;
        public Password: string;
    }
}

我尝试导入login.module.ts的组件代码是

/ClientApp/app/components/login/login.component.ts

下面是login.component.ts的代码

import { Component } from '@angular/core';
import { login1 } from '../../_models/login.module'

@Component({
    selector: 'login',
    templateUrl: './login.component.html'
})
export class LoginComponent {
    public isLoggedIn: boolean;
    public login() {
        //loginModel: LoginModel = new LoginModel();
        //loginModel.MID = this.mid;
        //loginModel.Password = this.password;
    }
}

现在，当我尝试执行时，我在导入login.module时遇到以下错误。下面是错误消息

ERROR in [at-loader] ./ClientApp/app/components/login/login.component.ts:4:24 
TS2306: File 'D:/Study/FSE/Angular_With_Core/Angular_With_Core/ClientApp/app/_models/login.module.ts' is not a module.

---

如何解决此问题？

您需要为loginModel类型创建一个类，如下所示：

 export class LoginModel {
  MID: string;
  Password: string;
}

并将其导入您的login.component.ts，如下所示：

import { LoginModel } from '../LoginModel';

理想情况下，您可以将其另存为LoginModel.ts，或者为了更好的实践，创建一个名为“models”的文件夹，并将每个独立的对象类型保存在自己的文件中

---

如果我的答案没有涵盖您要查找的所有内容，请查看关于如何将类作为模型导入的说明。

虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。-很公平，相应地改变了答案。