“不是模块”-接口分配上抛出错误

时间:2018-08-06 05:28:17

标签: typescript angular6

我正在尝试将界面添加到我的应用程序组件中。出现interface.ts is not a module错误-很容易解决。

我的appComponent.ts:

import { Component } from "@angular/core";
import { Name } from "./interface";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  name:Name = "CodeSandbox";
}

我的interface.ts:

export interface Name {
  name: string;
}

我的代码有什么问题?谁能帮我吗?

1 个答案:

答案 0 :(得分:0)

您的接口文件名必须与您的接口名匹配。 因此您必须将接口文件重命名为我的Name.ts:

export interface Name {
  name: string;
}

import { Name } from "./Name ";