Javascript 我无法使用socket.io“建立与客户端服务器的连接；io"；没有定义

我需要帮助我无法将socket.io从服务器连接到客户端当打开元素检查器时说“io”未定义，我是编程新手我需要帮助

我有这个文件结构

• 客户

index.html

main.js

• 服务器

index.js

这是index.js

var express=require（“express”）；
var-app=express（）；
var server=require（“http”）.server（应用程序）；
应用程序使用（express.static（“客户端”））
监听（8080，函数（）{
console.log（“servidor funcionando enhttp://localhost:8080");    
});
//套接字io
var socketio=require（“socket.io”）；
var io=socketio（服务器）；
io.on（“连接”，（）=>{
控制台日志（“连接设备”）；
})

欢迎使用堆栈溢出！请将您的代码直接添加到您的问题中，不要将它们链接为图像。准备好了吗？我可以修复它吗？请帮助您在main.js中没有定义io。您不能简单地在文件中声明该变量，并期望该变量可以从其他变量轻松访问。我已经这样做了，但现在它给了我以下错误：未捕获引用错误：未定义require:“（帮助您可以检查此链接，require本机工作在节点中，而不是在客户端代码中。对于客户端连接，请从main.js中删除require