Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.2k views
in Technique[技术] by (71.8m points)

angular - "Call to Node module failed with error"s with Angular2 & ASP.NET

I'm getting an intermittent exception with my ASP.NET Core Angular 2 web-app:

Exception: Call to Node module failed with error: Error: This method is not implemented in Parse5DomAdapter: Parse5DomAdapter#getCookie
 at _notImplemented (D:ProjectsMyProjectMyProject
ode_modulesangular2-platform-nodeparse5-adapter.js:22:12)
 at Parse5DomAdapter.getCookie (D:ProjectsMyProjectMyProject
ode_modulesangular2-platform-nodeparse5-adapter.js:641:15)
 at CookieXSRFStrategy.configureRequest (D:ProjectsMyProjectMyProject
[email protected]:1597:92)
 at XHRBackend.createConnection (D:ProjectsMyProjectMyProject
[email protected]:1637:32)
 at httpRequest (D:ProjectsMyProjectMyProject
[email protected]:1975:24)
 at Http.get (D:ProjectsMyProjectMyProject
[email protected]:2086:20)
 at ApiService.getChatMessages (D:ProjectsMyProjectMyProjectClientAppdistmain-server.js:557:20)
 at ChatPageComponent.ngOnInit (D:ProjectsMyProjectMyProjectClientAppdistmain-server.js:513:23)
 at AppView._View_ChatPageComponent_Host0.detectChangesInternal (ChatPageComponent_Host.ngfactory.js:30:86)
 at AppView.detectChanges (D:ProjectsMyProjectMyProject
[email protected]:9566:18)

MoveNext

I believe it's something to do with the MVC views, as the error shows:

MoveNext in Index.cshtml

1.@{
2.    ViewData["Title"] = "Home Page";
3.}
4.
5.<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>
6.
7.<script src="~/dist/vendor.js" asp-append-version="true"></script>
8.@section scripts {

Which is code in my index.cshtml.

It seems to happen early on after launching the project. It all either works fine, or after loading the home page when any navagation is performed it throws an error.

I can force it to produce the error. I have 4 navagation destinations:

http://localhost:49954/home
http://localhost:49954/counter
http://localhost:49954/fetch-data
http://localhost:49954/chat-page

That were all set up from the Visual Studio Angular 2 template. If I refresh home, everything is fine, and if it's had a chance to load for a while I can navagate to the other pages. However if I type in the url for any of the other pages, it produces this error every single time.

Edit: Also, interestingly, it produces a slightly different error with http://localhost:49954/counter. In my counter page I use an Angular Material Design component:

<div class="mine">
    <h2>
        Counter Test
    </h2>
    <p>This is a simple example of an Angular 2 component.</p>
    <p>Current count:<strong>{{ currentCount }}</strong></p>
    <button md-raised-button (click)="incrementCounter()">Increment</button>
</div>

and instead of the above error, it's a similar Call to Node module failed error, but in material design:

Exception: Call to Node module failed with error: Error: Uncaught (in promise): ReferenceError: document is not defined
 ReferenceError: document is not defined
 at new RippleRenderer (D:ProjectsMyProjectMyProject
[email protected]:193:31)
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

This worked for me. Change:

<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>

to

<app asp-ng2-prerender-module="ClientApp/dist/main-server">Loading...</app>

in the index.html


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...