TypeError: require(...).listen 不是函數

Question

我寫了這個，但出現錯誤，我不知道如何解決

var http = require('http');
var clientHtml = require('fs').readFileSync('client.html');

var plainHttpServer = http.createServer(function (request, response) {
response.writeHead(200, { 'Content-Type': 'text/html' });
response.end(clientHtml);
}).listen(8080);

var files = require('fs');

var io = require('socket.io').listen(plainHttpServer);
io.set('origins', ['localhost:8080', '127.0.0.1:8080']);

這個錯誤來了，我不知道如何解決，告訴我

var io = require('socket.io').listen(plainHttpServer);
                          ^

TypeError: require(...).listen is not a function

Answer 1

require('socket.io')返回 socket.io 服務器類。 它是一個類，而不是一個實例，因此不是你調用.listen()的東西。 根據您要完成的具體任務，您可以通過多種不同的方式使用該 Server 類，如您在 doc中所見。 例如，您可以這樣做：

const Server = require('socket.io');
const io = new Server(somePort);

或這個：

const io = require('socket.io')(somePort);

或共享現有的 http 服務器：

const io = require('socket.io')(plainHttpServer);

Answer 2

下面的代碼片段對我有用：

const io = require('socket.io')(server);
...
server.listen(3000)

Answer 3

我寫了這個，但是出現錯誤，我不知道如何解決

var http = require('http');
var clientHtml = require('fs').readFileSync('client.html');

var plainHttpServer = http.createServer(function (request, response) {
response.writeHead(200, { 'Content-Type': 'text/html' });
response.end(clientHtml);
}).listen(8080);

var files = require('fs');

var io = require('socket.io').listen(plainHttpServer);
io.set('origins', ['localhost:8080', '127.0.0.1:8080']);

而這個錯誤來了，我不知道如何解決，告訴我

var io = require('socket.io').listen(plainHttpServer);
                          ^

TypeError: require(...).listen is not a function

Answer 4

在這里簡單地更新代碼：

var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io')(server);
server.listen(process.env.PORT || 3000);
console.log('Server is running ');

Answer 5

您需要為此正確添加 cors 並在 cors 中設置客戶端請求 url

const { Server } = require("socket.io")

const cors = require("cors");

app.use(cors());


const server = http.createServer(app)

const io = new Server(server,{

    cors: {
        origin: "http://localhost:3002"  <--- here add client req url 
    }
});