Visual Studio 2017水療中心角材料

Question

我曾嘗試將Angular材料添加到來自Visual Studio 2017的水療中心模板中。我添加了Angular材料指南中介紹的Angular軟件包。然後添加以下包webpack.config.vendor.js：

'@angular/material', 
'@angular/material/prebuilt-themes/deeppurple-amber.css', 

在那之後我跑以下命令：webpack --config webpack.config.vendor.js。

下一步我將模塊添加到app.module.browser.ts，如下圖所示。

當我運行有在控制檯中沒有錯誤和普通HTML按鈕顯示，而不是物質按鈕項目。

我在網上發現這篇文章，並且也在關注它：CodeProject Article。

還有什麼我需要添加來得到這個工作或有任何其他教程，我可以遵循？

由於

Answer 1

1. 嘗試導入角材料模塊分成app.module.shared.ts，不app.module.browser.ts。
2. 嘗試在HTML中使用mat-前綴而不是md-前綴。 （這可能依賴於角材料的版本，在我的項目中角材料的版本是v.5。）

P.S. 如果熱模塊更換不起作用，請嘗試以下操作： https://github.com/aspnet/JavaScriptServices/issues/1165#issuecomment-335984443