gpt4 book ai didi

javascript - 尝试将 HTML 文件转换为包含套接字 io 的 JavaScript 时出现语法错误,SyntaxError : Unexpected token <

转载 作者:行者123 更新时间:2023-11-30 19:40:40 24 4
gpt4 key购买 nike

我想将 HTML 代码转换为 JavaScript。目前我可以将消息从 HTML 文件发送到 python 服务器,然后将其反向并通过套接字 io 发送回 HTML。我使用了本教程:https://tutorialedge.net/python/python-socket-io-tutorial/

我现在想做的不是通过单击网页上的按钮来发送消息,而是可以从命令行运行 JavaScript 文件,所以

node index.js

我的index.js如下:

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
<script>
const socket = io("http://localhost:8080");

function sendMsg() {
socket.emit("message", "HELLO WORLD");
}

socket.on("message", function(data) {
console.log(data);
});
</script>

运行 index.js 时我收到此错误:

/home/name/Desktop/Research/server_practice/name/tutorialedge/js_communicate/index_1.js:1
(function (exports, require, module, __filename, __dirname) { <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>


SyntaxError: Unexpected token <
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:616:28)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Function.Module.runMain (module.js:693:10)
at startup (bootstrap_node.js:188:16)
at bootstrap_node.js:609:3

在错误输出中,插入符号指向引号的第二部分:

socket.io/2.2.0/socket.io.js">
^

我很确定这是与使用套接字 io 相结合的语法问题,但我不确定到底是什么问题。我相信我正在使用某种伪 HTML/JavaScript 代码,这就是我收到错误的原因。我是 JavaScript 的新手,但我需要使用它,因为它包含我需要的 API。

为清楚起见,这是教程中的工作 HTML 代码,index.html:

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<button onClick="sendMsg()">Hit Me</button>

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
<script>
const socket = io("http://localhost:8080");

function sendMsg() {
socket.emit("message", "HELLO WORLD");
}

socket.on("message", function(data) {
console.log(data);
});
</script>
</body>
</html>

这是 python 服务器代码,server.py

from aiohttp import web
import socketio

# creates a new Async Socket IO Server
sio = socketio.AsyncServer()
# Creates a new Aiohttp Web Application
app = web.Application()
# Binds our Socket.IO server to our Web App
# instance
sio.attach(app)

# we can define aiohttp endpoints just as we normally
# would with no change
async def index(request):
with open('index.html') as f:
return web.Response(text=f.read(), content_type='text/html')

# If we wanted to create a new websocket endpoint,
# use this decorator, passing in the name of the
# event we wish to listen out for
@sio.on('message')
async def print_message(sid, message):
print("Socket ID: " , sid)
print(message)
# await a successful emit of our reversed message
# back to the client
await sio.emit('message', message[::-1])

# We bind our aiohttp endpoint to our app
# router
app.router.add_get('/', index)

# We kick off our server
if __name__ == '__main__':
web.run_app(app)

最终目标是将来自 JavaScript 的多个数据流发送到 Python 进行分析,然后发送回 JavaScript 以通过 API 输出。

最佳答案

脚本标签在节点中不起作用。您需要使用 require 来导入模块。

您可以使用 socket.io client使用节点连接到套接字 io 的模块。请注意,您必须在使用前npm install

示例连接代码改编自 socket.io 客户端自述文件:

var socket = require('socket.io-client')('http://localhost:8080');
socket.on('connect', function(){});

function sendMsg() {
socket.emit("message", "HELLO WORLD");
}

socket.on("message", function(data) {
console.log(data);
});

socket.on('disconnect', function(){});

关于javascript - 尝试将 HTML 文件转换为包含套接字 io 的 JavaScript 时出现语法错误,SyntaxError : Unexpected token <,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55437583/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com