将WebSocket模块与JavaScript和HTML一起使用

3mpgtkmj  于 11个月前  发布在  Java
关注(0)|答案(1)|浏览(102)

我第一次在一个项目中使用WebSocket,我总是从运行JavaScript文件的HTML文件中得到一个语法错误,其中大部分代码都在该文件中。相关代码如下:

client.js

import WebSocket from 'ws';
const WebSocket = require('ws');
const wss = new WebSocket('wss://example.com');

//rest of code

字符串

index.html

<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
</head>
<body>
    <script type='module' src="./websocket.js"></script>
    <script src="client.js"></script>
</body>
</html>


我得到的确切错误消息是“Uncaught SyntaxError:Cannot use import statement outside a module”,它源于HTML文件。
我根据一个类似问题的答案添加了type='module'部分,但我仍然得到了相同的错误消息。我相信原因是我如何在其中一个文件中编写WebSocket导入,可能是我需要包含WebSocket库的哪些部分,但我对JavaScript的经验不足使我无法确定修复方法。

gdrx4gfi

gdrx4gfi1#

你可以使用WebSocket而不需要导入ws模块。Web浏览器默认支持WebSocket对象。我在下面写了代码。

var ws = new WebSocket("ws://192.168.144.142:8000");

ws.onopen = () => { console.log("WebSocket connected."); };

字符串

相关问题