Javascript 如何在下一个js中使用WebSocket

Javascript 如何在下一个js中使用WebSocket,javascript,reactjs,server,next.js,server-side-rendering,Javascript,Reactjs,Server,Next.js,Server Side Rendering,我正在使用Next js对我的应用程序进行服务器端渲染。但是,我还需要连接到使用WebSocket的Gamesparks库(用于身份验证)。每次我尝试将脚本添加到head标记时,都会出现错误,表明它不起作用。是否可以在下一个js中使用WebSocket?我已经看过很多关于socket io的内容,并且正在考虑,但是我必须重新编写附带的库。我也很好奇,我是否应该尝试使用自己的后端Express服务器来管理这些连接 正如你可能知道的,我是网络开发新手,因此任何资源或建议都将不胜感激 来自浏览器的错误

我正在使用Next js对我的应用程序进行服务器端渲染。但是,我还需要连接到使用WebSocket的Gamesparks库(用于身份验证)。每次我尝试将脚本添加到head标记时,都会出现错误,表明它不起作用。是否可以在下一个js中使用WebSocket?我已经看过很多关于socket io的内容,并且正在考虑,但是我必须重新编写附带的库。我也很好奇,我是否应该尝试使用自己的后端Express服务器来管理这些连接

正如你可能知道的,我是网络开发新手,因此任何资源或建议都将不胜感激


来自浏览器的错误消息是net::ERR_ABORTED 404(未找到)

该错误几乎总是有用的

这意味着它找不到JavaScript文件,所以您需要找出原因。您的服务器是否设置为服务静态资产

您将该文件放置在相对于Express项目的
public/gamesparks/gamesparks-rt.js中的位置


这就是404类型错误通常指的内容:您的浏览器请求了该文件,但被告知该文件不存在。由于Express不会提供“静态”文件,除非您告诉它,因此您需要对其进行配置。

请记住,在堆栈溢出问题上,第一件事是非常具体的,请准确地向我们显示您遇到的错误,不要让我们猜测。然后向我们展示生成这些错误的代码。您的浏览器可能会给您显示问题的信息,但问题并不像“错误不工作”那么简单。只是编辑以包含错误!我不确定它是否有用,但你是对的,我无论如何都应该包括在内嘿,谢谢你!我只是想进一步说明,如果有人有同样的问题,我是如何找到答案的。你说得对,我需要为静态资产提供服务,但是Next js为这个ie内置了功能,根目录中的“static”文件夹。我只是把文件移到那里,改变了链接,它就成功了!
app.use(express.static('public'))