angularjs – Angular 2 app中的socket.io-client

参见英文答案 > How to import socket.io-client in a angular 2 application?4个
我正在尝试在我的angular 2应用程序中使用socket.io客户端并安装它和打字

我只是从’socket.io-client’导入;

但不知怎的,我从中得到了很多错误

如果我从cdn加载脚本并将init代码放在< script>中,我可以在index.html中使用lib.标签,但我不能在我的实际角度2应用程序中使用它.

在这做错了什么?

这是我的样板:https://github.com/mgechev/angular2-seed

socket.io的例子似乎已经过时了,这就是我避免它们的原因.

这就是我正在做的并且已经得到了这些错误

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

所以这个问题似乎与SystemJS有关.
https://github.com/mgechev/angular2-seed/wiki/Add-external-dependency建议我可以添加socket.io-client,它应该自动添加所有依赖项,但事实并非如此.

我已经尝试了完整的例子,但这也无济于事.

我在我的角度2应用程序中使用socket.io客户端,并没有任何问题.首先,您不应该在index.hml中将script标记放入socket.io-client.其次,你需要在system.js配置中使用这些行:
{
  packages: {
      "socket.io-client": {"defaultExtension": "js"}
  },map: {
    "socket.io-client": "node_modules/socket.io-client/socket.io.js"
  }
}

然后你只需使用它:

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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...