請問mock-heroes.ts問題

https://angular.tw/tutorial/toh-pt2
我已經在heroes.component.ts 裏輸入了import {HEROES} from ‘…/mock-heroes’;,但是仍然告訴我’HEROES’ refers to a value, but is being used as a type here. 而且我的mock-heroes.ts已經放了在app資料夾裏面。請問怎樣解決?
我是在visual studio code 打了code,然後另存ts檔案,是否我創立元件方法有錯? 所以就不用使用?
import {HEROES} from ‘…/mock-heroes’; Visual Studio Code 告訴我’HEROES’ is declared but its value is never read. ts(6133)
thank you very much.

下面張圖是我電腦的檔案:

檔案裡面的內容是跟文件一樣嗎?

是一樣的

mock-heroes.ts檔案裏內容:

import { Hero } from ‘./hero’;

export const HEROES: Hero[] = [
{ id: 11, name: ‘Dr Nice’ },
{ id: 12, name: ‘Narco’ },
{ id: 13, name: ‘Bombasto’ },
{ id: 14, name: ‘Celeritas’ },
{ id: 15, name: ‘Magneta’ },
{ id: 16, name: ‘RubberMan’ },
{ id: 17, name: ‘Dynama’ },
{ id: 18, name: ‘Dr IQ’ },
{ id: 19, name: ‘Magma’ },
{ id: 20, name: ‘Tornado’ }
];

我猜你使用 HEROES 的地方寫錯. 可以看一下你 HeroesComponent 是怎麼寫的嗎?