Angular通用服务器呈现WebSocket

有没有WebSockets的Angular Universal的例子?

服务器端渲染不知道在我的情况下WebSocket对象。 如果我使用socket.io,则在尝试建立连接时,节点服务器会挂起。

有关此问题的其他信息:

我从github下载了angular-universal-starter:https://github.com/angular/universal-starter它运行良好,运行'npm install'和'npm start'

但是,我将下面的代码添加到AppComponent后

   export class AppComponent implements OnInit {
       ngOnInit() {
           let webSocket = new WebSocket("----server url----")
       }
   }

我在我的NodeJs服务器控制台中出现以下错误:

EXCEPTION: WebSocket is not defined
ORIGINAL STACKTRACE:
ReferenceError: WebSocket is not defined
    at AppComponent.ngOnInit (/Volumes/Development/cacadu/website/universal-starter-master2/dist
/server/index.js:41725:29)

尝试只调用客户端上的websocket,例如您可以检测它是浏览器还是带有这些导入的服务器

import { isBrowser, isNode } from 'angular2-universal';

然后在代码中使用它们,这可能会解决问题!

export class AppComponent implements OnInit {
    ngOnInit() {
        if (isBrowser) {
            let webSocket = new WebSocket("----server url----");
        }
    }
}

有关此问题的其他信息:

我从github下载了angular-universal-starter:https://github.com/angular/universal-starter它运行良好,运行'npm install'和'npm start'

但是,我将下面的代码添加到AppComponent后

   export class AppComponent implements OnInit {
       ngOnInit() {
           let webSocket = new WebSocket("----server url----")
       }
   }

我在我的NodeJs服务器控制台中出现以下错误:

EXCEPTION: WebSocket is not defined
ORIGINAL STACKTRACE:
ReferenceError: WebSocket is not defined
    at AppComponent.ngOnInit (/Volumes/Development/cacadu/website/universal-starter-master2/dist
/server/index.js:41725:29)
链接地址: http://www.djcxy.com/p/5293.html

上一篇: Angular Universal server rendering WebSocket

下一篇: Server Side Rendering Angular 2 in ASP.NET with Edge.js