Angular 找不到接口(interface)导入

Question

我有一个界面:

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

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

export * from './my-interface';

以及我使用界面的组件(删除了详细信息，模型是索引和界面所在的文件夹):

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

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

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

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

注意:这是索引文件和接口(interface)所在的路径。

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

Answer 1

Cannot find module 'src/app/common/models'

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

尝试使用相对路径。

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

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

此外，请确保在向项目添加桶时重新启动 ngserve --watch。我发现 TypeScript 缓存有时不会接受更改。