Question

我正在尝试遵循Angular的官方教程，但我陷入了困境。我在card.ts中有一个对象Card：

export class Card {
  id: number;
  name: string;
}

然后将这个对象导入另一个文件，并实例化Card数组：

import { Card } from './card';

export const CARDS: Card[] = [
  { id: 11, name: 'Choc' },
  { id: 12, name: 'Sillage' },
  { id: 13, name: 'Vrasqua' },
  { 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' }
];

当然，这两个文件都位于同一目录中。但是我有这个错误：

./src/app/mock_card.js 3:18
Module parse failed: Unexpected token (3:18)
You may need an appropriate loader to handle this file type.
| import { Card } from './card';
| 
> export const CARDS: Card[] = [
|   { id: 11, name: 'Choc' },
|   { id: 12, name: 'Sillage' },

似乎我的Card对象无法识别。但是我在另一个.ts文件中声明并使用了Card变量，并且它可以工作（我以相同的方式导入了它）。你知道为什么会这样吗？

编辑：我将其重命名为mock_card.js，并将其重命名为模仿

角度意外令牌

0 个答案: