如何使用angular2和aspnet核心解决类型错误?

时间:2017-05-30 04:37:29

标签: angular asp.net-core typeerror webpack-2

我使用dotnet cli工具创建一个新的角度应用程序,一切看起来都很好。

C:/..myprojectlocation> dotnet new angular

这将使用angular应用程序创建一个新的文件夹和文件结构。在此之后,我转到home.component并从angular中导入 AfterViewInit 事件。

import { Component, AfterViewInit } from '@angular/core';

同样,我添加了事件处理程序:

ngAfterViewInit(): void {
    const inputs: NodeListOf<HTMLInputElement> =
                        document.getElementsByTagName("input");
}

当我构建我的项目时,它超出了但是当我刷新页面时,我在运行时遇到以下错误。

An unhandled exception occurred while processing the request.

Exception: Call to Node module failed with error: Error: Uncaught (in 
   promise): ReferenceError: document is not defined
   ReferenceError: document is not defined

这感觉就像是一段相当微不足道的代码,但是当我尝试与其他模块交互时,我一遍又一遍地遇到类似的问题。我可以在谷歌上找到看似相似的问题似乎没有多少方向,或者如何解决它们。

可能与HotModuleReplacement,Weback2,angular / universal或typescript版本有关。但是,老实说,我没有很多线索,所以在我理解这个问题之前我就陷入困境。

1 个答案:

答案 0 :(得分:2)

你的html中有这样的东西吗?

<app asp-prerender-module="xxxxxxxxx">Loading...</app>

尝试更改为

<app asp-ng2-prerender-module="xxxxxxx">Loading...</app>