我試圖在使用gulp進行捆綁後運行我的角度應用程序。我在我創建的頁面中使用了自定義組件。我能夠在本地運行我的頁面,但是在使用gulp進行捆綁和縮小之後,我在頁面中使用的組件無法識別。我在控制檯中收到錯誤消息:'mycomponent'不是已知的元素。捆綁使用Gulp後未識別角度組件
點的照顧:
- 我在模塊聲明
- 我也試圖重新排序組件聲明有我的部件首先渲染添加這個組件。
- 嘗試設置碾壓=在醜化假()
我試圖在使用gulp進行捆綁後運行我的角度應用程序。我在我創建的頁面中使用了自定義組件。我能夠在本地運行我的頁面,但是在使用gulp進行捆綁和縮小之後,我在頁面中使用的組件無法識別。我在控制檯中收到錯誤消息:'mycomponent'不是已知的元素。捆綁使用Gulp後未識別角度組件
點的照顧:
對我來說,「‘myComponent的’是不是一個已知元素」意味着它不能識別的選擇器。
確保您在組件的類的元數據聲明正是這名:
@Component({
selector: 'mycomponent',
templateUrl: 'mycomponent.html',
styleUrls: ['mycomponent.css']
})
export class MyComponent implements OnInit {
}
而在一個父組件,你可以使用這樣的:
<mycomponent></mycomponent>
感謝您的回覆吉姆。該解決方案接近吉姆提到的。問題是我的選擇器有駱駝套。 Gulp捆綁不區分駱駝式選擇器,並將它們全部轉換爲html模板中的小寫字母。然而,組件定義具有駱駝式選擇器。這是導致識別選擇器的問題。
兒童組件: @Component({選擇: 'mySelector'})
父組件HTML:
<mySelector></mySelector>
捆綁子組件: 選擇: 'mySelector'
捆綁父組件的HTML:
**<myselector></myselector>**
如果你wan儘快提供幫助,你最好提供一種方法來儘可能地重現你的問題。我們不是非常清醒的嚮導。沒有看到任何代碼,我們無法解釋一個錯誤。 –
這裏http://stackoverflow.com/help/mcve這應該解釋@JBNizet試圖說什麼。提供一些示例來演示您的問題 –