无法将 ws 库添加到 Angular 项目

Question

我正在尝试将 ws npm 库添加到我的 Angular 项目中，但不知道如何正确执行。

我使用npm install ws 安装了它。现在我正在尝试将其导入app.module.ts 文件中。

我尝试了import { WebSocket } from 'ws';，在imports 中添加了WebSocket。

我也尝试过其他形式的编写，它们都给我一个错误：'WebSocket' can only be imported by turning on the 'esModuleInterop' flag and using a default import.

删除import { WebSocket } from 'ws'; 行并将WebSocket 留在导入列表中似乎没问题。但我认为这是错误的 WebSocket，因为我没有看到与 ws 库相关的任何内容。

这样好吗，还是我做错了什么？

我正在查看本教程中的Sending and receiving text data https://www.npmjs.com/package/ws#sending-and-receiving-text-data 对他们来说似乎有效。

Answer 1

您不能将您的库导入 Angular 模块，Angular 模块是一个非常具体的架构，请看这里https://angular.io/guide/architecture-modules。 您可以将此库直接用于组件或服务中，在我看来，您希望创建一个引用该库的 websocket.service.ts，并且您将围绕它创建一些方法。

快速浏览网络，您可以在这里找到一个简单的示例 https://javascript-conference.com/blog/real-time-in-angular-a-journey-into-websocket-and-rxjs/，该示例演示了该概念。