如何在 angular2-webpack 中导入 "stompjs/lib/stomp.min"

Question

我有一个 angular2-webpack 应用程序，想实现 stomp、sockjs-client、websocket。

已添加 "sockjs": "0.3.18", "stompjs": package.json.

中的“2.3.3”

在服务中这样写时:

import * as SockJS from 'sockjs-client';
import { Client, Message, Stomp } from 'stompjs/lib/stomp.min';

有一个错误：

can't find name "Client",
can't find name "Message",
can't find name "Stomp",

Answer 1

为什么您希望此代码有效？您是否在某处找到了使用此语法的示例？ Stomp 对象仅包含小写字母 client，您的列表中没有任何其他内容。

随心所欲

import Stomp from 'stompjs';

并按照 the instructions 创建客户。

Answer 2

Angular https://github.com/stomp-js/ng2-stompjs 也有专门的版本 (npm @stomp/ng2-stompjs)。

它适用于 Webpack、Rollup、RxJS 和其他更新的 libraries/tool-chain。

How to import "stompjs/lib/stomp.min" in angular2-webpack