Json Angular4错误消息显示与'；应该是服务的

我正在写一个应用程序进入一个网站，这是为了计算单纯形算法。目前，我正在尝试创建一种功能，用户可以输入系数和约束的数量，根据自己的意愿命名，并让应用程序生成与用户输入相关的UI元素数量和类型。下面是代码的相关部分（app.component.ts）：

这会在屏幕上产生一个错误，显示：

Failed to compile.

/root/simutronx/simutron-app/src/app/app.component.ts (18,49): ',' expected.

与该行相关的：

{ id: 2, name: 'constraint1', value: 2, type: '2dslide' },

特别是

2幻灯片中的数字
2
。错误消息（非常长，所以我不会全部复制）还包括：

./src/app/app.component.ts
Module parse failed: /root/simutronx/simutron-app/node_modules/@ngtools/webpack/src/index.js!/root/simutronx/simutron-app/src/app/app.component.ts Unexpected token (22:85)
You may need an appropriate loader to handle this file type.
| var UICOMPONENTS = [
|     { id: 1, name: 'coefficient1', value: 4, type: '1dslide' },
|     { id: 2, name: 'constraint1, value: 2, type: ', 2: dslide, ' },: { id: 3, name: 'min_max', value: 0, type: 'switch' }, },
|     { id: 4, name: 'profit', value: 100, type: 'num_output' }
| ];

这尤其令人困惑，因为正如您所看到的，这不是我编写代码的方式。这是怎么回事？
您在UIComponent类型中有一个错误：

export class UIComponent {
  id: number; //HERE
  name: string;
  value: number;
  type: string;
}

这里有一个plunker:
type
是Typescript中的上下文关键字。也许你可以试试另一个酒店名称？啊。我确实想知道type是否是一个保留字，但后来我感到困惑，因为列出的代码似乎与我编写的代码不匹配。我将尝试找出另一个合适的名称，看看这是否解决了问题……它对所有目标的
tsc
都能正常工作。可能是@ngtools/webpack中的一个bug，它进行了一些非常危险的代码转换。@hiper2d在这个位置上都是有效的。我将
类型
更改为
小部件
，但它仍然在做基本相同的事情（确切的引用已经更改，因为
小部件
中增加了字母，但其他一切都是一样的）。
export class UIComponent {
  id: number; //HERE
  name: string;
  value: number;
  type: string;
}