使用Gulp捆绑后无法识别角度组件

Question

我正在尝试使用gulp捆绑后运行我的角应用程序。我在我创建的页面中使用了自定义组件。我能够在本地运行我的页面，但在使用gulp进行捆绑和缩小之后，我在页面中使用的组件无法识别。我在控制台声明中收到错误：'mycomponent'不是已知元素。

需要注意的事项：

1. 我在模块声明
中添加了此组件
2. 我还尝试重新排序声明中的组件，以便首先渲染我的组件。
3. 尝试在uglify（）
中设置mangle = false

Answer 1

对我来说，＆＃34;＆＃39; mycomponent＆＃39;不是一个已知的元素＆＃34;暗示它无法识别选择器。

确保在组件的类元数据中确切地声明此名称：

@Component({
  selector: 'mycomponent',
  templateUrl: 'mycomponent.html',
  styleUrls: ['mycomponent.css']
})
export class MyComponent implements OnInit {

}

在父组件中，您可以像这样使用它：

<mycomponent></mycomponent>

Answer 2

谢谢你的回复吉姆。 解决方案接近Jim提到的。问题是我的选择器有骆驼外壳。 Gulp捆绑不区分驼峰选择器并将所有这些选择器转换为html模板中的小写。然而，组件定义具有驼峰选择器。这导致问题识别选择器。

子组件： @Component（{selector：'mySelector'}）

父组件HTML：

<mySelector></mySelector>

捆绑的子组件： 选择器：'mySelector'

捆绑的父组件HTML：

**<myselector></myselector>**