socket.io-Client in Angular 2 app

Question

Ich versuche, die socket.io Client in meinem Winkel 2 App zu nutzen und installiert es und Typisierungen

ich den Import nur von 'socket.io-client' ;

aber irgendwie bekomme ich Tonnen von Fehlern aus, dass:

ich die lib in meiner index.html verwenden kann, wenn ich das Skript von einem CDN laden und einfach den Init-Code in einem <script> Tag, aber ich kann es nicht in meiner eigentlichen eckigen 2 App verwenden.

Was mache ich hier falsch?

Das ist mein vorformulierten: https://github.com/mgechev/angular2-seed

Die Beispiele für socket.io veraltet scheinen, weshalb ich sie vermieden.

das ist alles, was ich tue, und schon diese Fehler bekommen:

import * as io from 'socket.io-client'; 
[...] 
var socket = io('127.0.0.1'); 

So das Problem scheint SystemJS in someway zusammenzuhängen. Diese https://github.com/mgechev/angular2-seed/wiki/Add-external-dependency schlägt vor, dass ich den socket.io-Client hinzufügen kann, und es sollte alle Abhängigkeiten automatisch hinzufügen, das scheint jedoch nicht der Fall.

Ich habe das ganze Beispiel versucht, aber das wird auch nicht funktionieren.

Answer 1

Ich benutze socket.io Client in meiner eckigen 2-Anwendung, und habe keine Probleme damit. Zuallererst sollten Sie nicht script Tag zu socket.io-Client in Ihrem index.hml setzen. Zweitens müssen Sie diese Zeilen in Ihrer system.js Konfiguration:

{ 
    packages: { 
     "socket.io-client": {"defaultExtension": "js"} 
    }, 

    map: { 
    "socket.io-client": "node_modules/socket.io-client/socket.io.js" 
    } 
} 

Dann einfach Sie es verwenden:

import * as io from "socket.io-client"; 
io.connect(url, { /* ... */ }); 

Answer 2

basierend auf this, die in question erwähnt wurde, sollten Sie npm install @types/socket.io-client --save verwenden