2017-02-25 31 views
0

我試圖在使用gulp進行捆綁後運行我的角度應用程序。我在我創建的頁面中使用了自定義組件。我能夠在本地運行我的頁面,但是在使用gulp進行捆綁和縮小之後,我在頁面中使用的組件無法識別。我在控制檯中收到錯誤消息:'mycomponent'不是已知的元素。捆綁使用Gulp後未識別角度組件

點的照顧:

  1. 我在模塊聲明
  2. 我也試圖重新排序組件聲明有我的部件首先渲染添加這個組件。
  3. 嘗試設置碾壓=在醜化假()
+2

如果你wan儘快提供幫助,你最好提供一種方法來儘可能地重現你的問題。我們不是非常清醒的嚮導。沒有看到任何代碼,我們無法解釋一個錯誤。 –

+0

這裏http://stackoverflow.com/help/mcve這應該解釋@JBNizet試圖說什麼。提供一些示例來演示您的問題 –

回答

0

對我來說,「‘myComponent的’是不是一個已知元素」意味着它不能識別的選擇器。

確保您在組件的類的元數據聲明正是這名:

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

} 

而在一個父組件,你可以使用這樣的:

<mycomponent></mycomponent> 
0

感謝您的回覆吉姆。該解決方案接近吉姆提到的。問題是我的選擇器有駱駝套。 Gulp捆綁不區分駱駝式選擇器,並將它們全部轉換爲html模板中的小寫字母。然而,組件定義具有駱駝式選擇器。這是導致識別選擇器的問題。

兒童組件: @Component({選擇: 'mySelector'})

父組件HTML:

<mySelector></mySelector> 

捆綁子組件: 選擇: 'mySelector'

捆綁父組件的HTML:

**<myselector></myselector>**