时间戳

首页 > 解决方案 > 无法将 ws 库添加到 Angular 项目

angular - 无法将 ws 库添加到 Angular 项目

问题描述

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

标签： angularwebsocket

解决方案

您不能将库导入 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/，它演示了这个概念。

推荐阅读