Angular无法找到接口导入

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 {
  ...
}

该组件正常工作，没有问题。我想开始创建自己的类型接口，但是我一直遇到此错误，指向我的组件文件：

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

注意：这是通往索引文件和接口位置的途径。

我不太确定我想要什么错误。该组件在App.Modules中正确导入，因此我不确定该怎么做。

Answer 1

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

表示打字稿编译器无法解析index.ts文件的路径。

尝试使用相对路径。

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

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

另外，请确保在项目添加桶时重新启动ng serve --watch。我发现Typescript缓存有时不会进行更改。

Answer 2

是"模型"目录？因为您应该导入TS文件。在您的情况下可能是

来自'src/app/common/models/my-Interface'