无法将 ws 库添加到 Angular 项目

Posted 2023-02-16

【中文标题】无法将 ws 库添加到 Angular 项目

【英文标题】：Unable to add ws library to angular project

【发布时间】：2021-08-30 13:22:31

【问题描述】：

我正在尝试将 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 对他们来说似乎有效。

【参考方案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/，该示例演示了该概念。

【讨论】：

好的，我尝试在新的websocket.service.ts 中执行import WebSocket from 'ws';。但我仍然收到'WebSocket' can only be imported by turning on the 'esModuleInterop' flag and using a default import.。

发帖***.com/questions/56238356/…之前请先做一些研究