在angular-cli @ webpack中使用socket.io-client

Question

我想在我的Angular 2应用程序中使用socket.io，而且我从Angular 2应用程序中获取访问权限并不是很幸运。 以下是有关我的设置的一些信息：

角度2：rc.5 angular-cli：1.0.0-beta.11-webpack.2节点：6.2.2 os：linux x64

我已经通过npm和typings安装了socket.io，我在node_modules目录中看到它，但是Angular 2应用程序似乎无法解决：

从'socket.io-client'导入*作为io;

我已经看过一篇关于如何使用webpack和它的配置文件解决这个问题的帖子，但是对于使用angular-cli @ webpack生成的应用程序来说，这些文件似乎不存在。

任何建议，指针等将不胜感激！

谢谢！ 道格

Answer 1

您所需要的只是以下内容：

故宫：

npm install socket.io-client --save

在component.ts / service.ts中导入

import * as io from 'socket.io-client';

你的typings.d.ts中的虚拟模块声明：

declare module 'socket.io-client' {
  var e: any;
  export = e;
}

我不知道打字是否可用，但您可以尝试使用npm i @types/socket.io-client --save-dev而不是仅仅声明一个假人。

任何webpack配置都应该由angular-cli来处理。