Angularjs 角度2不能包含材质库

我使用的是angular 2的Microsoft.AspNetCore.spattemplates示例，我安装了angular/Materials npm模块，并尝试将其包含在输入材料中

编辑——发布了有关删除服务器端渲染的新问题

链接——

我试图在app.module.ts中导入它，但这样做之后，似乎无法再加载我的应用程序

@NgModule({
bootstrap: [ AppComponent ],
declarations: [
    AppComponent,
    HeaderComponent,
    LoginComponent
],
imports: [
    UniversalModule, // Must be first import. This automatically imports BrowserModule, HttpModule, and JsonpModule too.
    RouterModule.forRoot([
        { path: '', redirectTo: 'account', pathMatch: 'full' },
        { path: 'login', component: LoginComponent },
        { path: '**', redirectTo: 'account' }
    ]), MaterialModule
]

})

现在，我正在尝试创建一个简单的登录视图，其中包含一个电子邮件和密码输入框。我想用有棱角的材料使它看起来更好

这是我的页面加载异常

An unhandled exception occurred while processing the request.

Exception: Call to Node module failed with error: Error: This method is not implemented in Parse5DomAdapter: getCookie
at _notImplemented (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:91062:12) [angular]
at Parse5DomAdapter.module.exports.Parse5DomAdapter.getCookie (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:91657:69) [angular]
at CookieXSRFStrategy.configureRequest (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:63677:109) [angular]
at XHRBackend.createConnection (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:63726:32) [angular]
at httpRequest (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:64076:24) [angular]
at Http.request (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:64185:38) [angular]
at Http.get (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:64199:25) [angular]
at AccountService.ping (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\main-server.js:22373:30) [angular]
at new AccountService (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\main-server.js:22370:14) [angular]
at CompiledTemplate.proxyViewClass.View_AppComponent0.createInternal (/AppModule/AppComponent/component.ngfactory.js:15:30) [angular]
at CompiledTemplate.proxyViewClass.AppView.create (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:11951:25) [angular]
at CompiledTemplate.proxyViewClass.View_AppComponent_Host0.createInternal (/AppModule/AppComponent/host.ngfactory.js:15:19) [angular]
at CompiledTemplate.proxyViewClass.AppView.createHostView (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:11964:25) [angular]
at ComponentFactory.create (C:\Users\baile\Source\Repos\Programming2017\BankSoftware\ClientApp\dist\vendor.js:7361:29) [angular]

我现在明白了，通用模块就是创建预渲染的模块。这真是太棒了，除了说实话，我不需要它

---

现在修改我的问题。如何使用angular 2的Microsoft.AspNetCore.spattemplate并删除通用模块，使angular网站仍能正常工作。只需从导入中删除通用模块，就会导致出现其他错误。模板的其他部分需要进行哪些更改，除了服务器端预渲染之外，我是否丢失了任何内容？

我遇到了同样的问题，通过将MaterialModule放在UniversalModule之前解决了这个问题。我知道SPA模板上说应该先做，但这个顺序似乎打破了它

imports: [
        MaterialModule.forRoot(),
        UniversalModule, // Must be first import. This automatically imports BrowserModule, HttpModule, and JsonpModule too.

        RouterModule.forRoot([
            { path: '', redirectTo: 'account', pathMatch: 'full' },
            { path: 'account', component: AccountListComponent },
            { path: 'detail/:id', component: AccountDetailComponent },
            { path: '**', redirectTo: 'account' }
        ])
    ],

编辑-实际上，它看起来比这更复杂。以下是GitHub的一个问题：

我最终退出了UniversalModule，因为此时角度材质对我来说比服务器端渲染更重要。要使SPA模板使用角度材质，需要进行一些更改。如果你需要更多的帮助，请告诉我

---

编辑

---

我已经否决了这个问题，因为OP标记了我的答案，尽管做出了相当大的努力，我还是没有标记。我提供的答案是正确的。

我将在当天晚些时候处理这个项目。一旦我开始删除此功能，我将提出一个问题。正如您所指出的，服务器端渲染不是我项目中最重要的部分。因此，我将尝试从项目中删除它。如果您需要帮助，请告诉我。同时，请您标记我的答案好吗？请编辑此答案，包括如何删除UniversalModule，然后添加angular/material module。@Bailey Miller-我知道您是一名学生，我很乐意尽我所能提供帮助，但是，请发布一个新问题，说明您到目前为止有什么，以便我能更好地帮助您。今天我将从SpaTemplate创建一个新项目，并发布一份带有初始状态的GitHub回购协议。我最终会发布一个链接到我的新问题，包括这个。请注意，这要到美国东部时间下午5点左右。