无法加载资源 socket.io

Failed to load resource socket.io

本文关键字：socket io 资源 加载      更新时间：2023-09-26

我正在尝试在我的节点.js应用程序中使用 socket.io，但我的客户端无法从我的服务器获取库，我不知道为什么。

错误：无法加载资源：服务器以 http://localhost:3000/socket.io/socket.io.js 状态 404（未找到）进行响应服务器站点：

    var express = require('express');
    var app = express();
    var http = require('http').Server(app);
    var io = require('socket.io')(http);
    app.use(express.static('public'));
    app.get('/', function (req, res) {
      res.sendFile( __dirname + "/" + "index.html" );
    });
    app.listen(3000, function () {
      console.log('Example app listening on port 3000!');
    });
    io.on('connection', function(socket){
      console.log('a user connected');
    });

客户端：

<head>
    <link rel="stylesheet" href="/stylesheets/style.css" />
    <script src="/socket.io/socket.io.js"></script>
    <script>
      var socket = io();
    </script>
</head>

你的索引.html代码找不到 socket.io，因为你只有 sendig 索引.html 作为响应。请尝试以下代码。

使用以下代码：

//"client" is folder for client code which contains index.html
    app.use(express.static(__dirname + '/client'));

删除以下代码。节点.js将自动.html找到索引。

 app.get('/', function (req, res) {
  res.sendFile( __dirname + "/" + "index.html" );
});

更改索引.html新代码：

<script src="https://cdn.socket.io/socket.io-1.3.7.js"></script>

旧代码：

<script src="/socket.io/socket.io.js"></script>
我不知道

为什么你的代码不起作用，但如果 socket.io 安装正确，那么它会自动在 Express 中配置一个路由来为/socket.io/socket.io.js请求提供服务。 因此，显然 socket.io 在您的情况下没有正确配置/安装。

我可以告诉你，Express和 socket.io 的这种初始化是有效的，并且没有你所说的问题：

var express = require('express');
var app = express();
var server = app.listen(80);
var io = require('socket.io')(server);

我在学习 Node.js 时在索引中遇到了同样的问题.html。控制台提示了类似的错误

我通过在项目目录中执行npm r socket.io来删除 socket.io 模块，并使用npm i socket.io重新安装它，然后它工作正常。

相关文章：