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

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

点的照顾：

我在模块声明
我也试图重新排序组件声明有我的部件首先渲染添加这个组件。
尝试设置碾压=在丑化假（）

来源

2017-02-25 Shubha

如果你wan尽快提供帮助，你最好提供一种方法来尽可能地重现你的问题。我们不是非常清醒的向导。没有看到任何代码，我们无法解释一个错误。 –

这里http://stackoverflow.com/help/mcve这应该解释@JBNizet试图说什么。提供一些示例来演示您的问题 –

对我来说，“‘myComponent的’是不是一个已知元素”意味着它不能识别的选择器。

确保您在组件的类的元数据声明正是这名：

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

}

而在一个父组件，你可以使用这样的：

<mycomponent></mycomponent>

来源

2017-02-28 19:17:38 Jim

感谢您的回复吉姆。该解决方案接近吉姆提到的。问题是我的选择器有骆驼套。 Gulp捆绑不区分骆驼式选择器，并将它们全部转换为html模板中的小写字母。然而，组件定义具有骆驼式选择器。这是导致识别选择器的问题。

儿童组件： @Component（{选择： 'mySelector'}）

父组件HTML：

<mySelector></mySelector>

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

捆绑父组件的HTML：

**<myselector></myselector>**

来源

2017-03-03 07:20:07 Shubha

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

回答

相关问题