stompjs - 我们如何在浏览器中导入stompjs？或者类似stompjs的东西？

Question

我正在尝试关注this有关如何使用 websockets 的 Spring 教程。我使用 webpack 捆绑我的代码，并使用 babel 将其从 ES6 转换。我正在尝试使用正常的 import 语句引入 sockjs 。

import SockJS from 'sockjs'

但是当 webpack 运行时，我遇到了缺少模块的错误，

ERROR in ./~/stompjs/lib/stomp-node.js
Module not found: Error: Cannot resolve module 'net' in /Users/name/Developer/cubs-stack-4/cubs-webapp/node_modules/stompjs/lib
 @ ./~/stompjs/lib/stomp-node.js 14:8-22

ERROR in ./~/websocket/package.json
Module parse failed: /Users/name/Developer/cubs-stack-4/cubs-webapp/node_modules/websocket/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "_args": [
|     [
|       "websocket@latest",
 @ ./~/websocket/lib/version.js 1:17-43

主要是因为它期望在Node上运行。

我有 2 个问题。

首先，如何使用 import/require 语句将 stompjs 引入浏览器端代码？

第二，在教程中，他们如何将 stompjs 放入 HEAD 中，并且它不会在浏览器中爆炸，但当我运行通过 webpack 实现“相同”代码？

Answer 1

Spring 文档中引用的 stompjs 库似乎已不再开发，但有一个已维护的分支，并包含有关如何将其添加到项目中的说明，可在此处找到:https://github.com/stomp-js/stomp-websocket

以下是我用来解决此问题并在 Spring 后端使用 Websockets 的 React 应用程序中运行的步骤:

# Add sockjs and stompjs dependencies
npm install sockjs-client --save
npm install @stomp/stompjs --save

然后将其导入您的应用程序:

import SockJS from "sockjs-client"
import Stomp from "@stomp/stompjs"

您现在应该能够成功使用 Spring 文档中的前端代码。