模块没有导出成员，导出接口。

Question

我收到的错误信息如下：

/Users/robot/code/slg-fe/src/app/leaderboards/leaderboards.component.ts (2,10): 模块 '"/Users/robot/code/slg-fe/src/app/leaderboards/leaderboard"' 没有导出成员 'Leaderboard'。

我的 leaderboard.ts 文件：

export interface Leaderboard {
  id: number,
  username: string,
  rank_elo: number,
  role: number,
  total_wins: number,
  kda: number,
  yesterday_rank: number
}

我的 leaderboard.component.ts 文件：

import { Component } from '@angular/core';
import { Leaderboard } from './leaderboard';

@Component({
  selector: 'leaderboards',
  templateUrl: './leaderboards.component.html'
})
export class LeaderboardsComponent { }

我的leaderboard.ts文件正在导出一个排行榜，但出于某些原因它没有导出？

- Eric Chu

---

有游戏演示吗？ - Esqarrouth

Answer 1

所以...我不确定为什么，但是当我重新启动服务器后，一切都开始正常运行了..我花了很长时间试图弄清楚这个问题。

- Eric Chu

---

有时候当你已经运行了一个本地服务器来监视你的更改，然后又创建了一个新文件时，该监视程序并不会考虑到这个新文件，直到它被重新启动。 - known-as-bmf

当我在现有文件中添加新接口时，我也遇到了相同的错误。当我重新启动编辑器并再次构建时，错误消失了。 - Jameel Moideen

一年后在 Angular 4.3 中仍然适用。只需重新启动服务器（本地主机或远程）。 - Robbie Smith

同样的问题，新的界面和错误，重新启动解决了。好吧，我只浪费了半个小时，我很幸运 ;-）。非常感谢。 - Daniel

这种行为与今天的Webpack热重载器（Vue CLI Service 4.5）相同。 - Pierre de LESPINAY

Answer 2

我在两个不同的导入中遇到了这个错误。

我重新启动了服务器，其中一个错误消失了。对于另一个错误，我删除了导入，构建它（有很多错误），并按照原样添加了导入。

- Gabi Klapman