无法成功编译我的 Angular 应用程序

Question

我有一个名为 mock-values.ts 的文件，其中只有：

export const TIMES: Time[] = [
  { i: '8:00', v: '8' }, { i: '8:30', v: '8:30' },
  { i: '9:00', v: '9' }, { i: '9:30', v: '9:30' },
  { i: '10:00', v: '10' }, { i: '10:30', v: '10:30' },
  { i: '11:00', v: '11' }
];
export const MINUTES: Minute[] = [
  { half_hour: '30' },
  { half_hour: '60' },
  { half_hour: '90' }
];

当我运行 ng serve 时，我遇到了这个错误消息ERROR in src/app/meeting-form/mock-values.ts(1,21): error TS2304: Cannot find name 'Time'. src/app/meeting-form/mock-values.ts(13,23): error TS2304: Cannot find name 'Minute'.

这是我在form.component.ts 中的导入

import { TIMES, MINUTES } from './mock-values';
  times = TIMES;
  minutes = MINUTES;

大约一分钟后它编译成功，因为它最终找到了它。有什么方法可以让 Angular 冷静下来或者让编译器的过程更轻松？

Answer 1

看起来 Time 和 Minute 不是预定义的类型。请尝试更改代码如下：

export const TIMES = [
  { i: '8:00', v: '8' }, { i: '8:30', v: '8:30' },
  { i: '9:00', v: '9' }, { i: '9:30', v: '9:30' },
  { i: '10:00', v: '10' }, { i: '10:30', v: '10:30' },
  { i: '11:00', v: '11' }
];
export const MINUTES = [
  { half_hour: '30' },
  { half_hour: '60' },
  { half_hour: '90' }
];