Visual Studio 2017 spa角材料

Question

我尝试将Angular Material添加到Visual Studio 2017的spa模板中。我添加了Angular Material指南中描述的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