Angular无法找到接口导入

Question

我有一个界面：

export interface MyInterface {
  id: number;
  name: string;
}

在同一文件夹中有一个index.ts文件：

export * from './my-interface';

还有一个我正在使用界面的组件（细节已删除，models是索引和界面所在的文件夹）：

...
import { MyInterface } from 'src/app/common/models';

@Component({
  ...
})
export class MyComponent implements OnInit {
  ...
}

该组件正常工作，没有任何问题。我想开始创建自己的类型接口，但我不断出现此错误，指向我的组件文件：

找不到模块“ src / app / common / models”。

注意：这是索引文件和界面所在的路径。

我不太确定这个错误想要我做什么。 该组件已正确导入到app.modules中，所以我不确定该怎么做。

Answer 1

  

找不到模块'src / app / common / models'

意味着TypeScript编译器无法解析到index.ts文件的路径。

尝试使用相对路径。

import { MyInterface } from '../../app/common/models';

../的数量取决于文件夹的位置。

此外，在将桶添加到项目时，请确保重新启动ng serve --watch。我发现TypeScript缓存有时无法获取更改。

Answer 2

“模型”是目录吗？因为您应该导入ts文件。您的情况可能是

从'src / app / common / models / my-interface'导入{MyInterface}