angular - File 'app/hero.ts' is not a module error in the console, where to store interfaces files in directory structure with angular2？

Question

我正在这个地址做 angular2 教程:https://angular.io/docs/ts/latest/tutorial/toh-pt3.html我已将 hero 界面放在 app 文件夹下的单个文件中，在控制台中出现此错误:

app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
[0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.

如果我将我的界面文件放在 hero 文件夹中，错误就会消失，文档中没有提到，我的导入有什么问题？

我在 app.components.ts 和 hero-detail.component.ts 中的导入指令(在组件文件的开头):

import {Component} from 'angular2/core';

import {Hero} from './hero';

我必须替换我的导入指令吗:import {Hero} from './'; 或者只是将代码放在 hero 文件夹中?

Answer 1

尝试重新启动您正在编写代码的编辑器(VS 代码或 Sublime)。再次编译运行。我也做了同样的事情并且成功了。

当您在编辑器之外添加一个新类或继续运行您的 angular cli 'ng serve' 时，就会发生这种情况。实际上，您的编辑器或“ng serve”命令可能无法找到新创建的文件。