前提・実現したいこと
webの勉強のため、以下のサイトを見て写経しようと思いました。
https://www.atmarkit.co.jp/ait/articles/1603/14/news015_2.html
node.jsを起動しようとしたところ、以下のメッセージが発生しました。
発生している問題・エラーメッセージ
PS C:\hogehoge\node> node app.js C:\hogehoge\node\app.js:9 var io = socketio.listen(server); TypeError: socketio.listen is not a function at Object.<anonymous> (C:\hogehoge\node\app.js:9:19) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47
該当のソースコード
app.js
javascript
1var http = require('http'); 2var socketio = require('socket.io'); 3var fs = require('fs'); 4var server = http.createServer(function(req, res) { 5 res.writeHead(200, {'Content-Type' : 'text/html'}); 6 res.end(fs.readFileSync(__dirname + '/index.html', 'utf-8')); 7}).listen(3000); // ポート競合の場合は値を変更 8 9var io = socketio.listen(server); 10 11io.sockets.on('connection', function(socket) { 12 socket.on('client_to_server', function(data) { 13 io.sockets.emit('server_to_client', {value : data.value}); 14 }); 15});
index.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>websocket-chat</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript" src="/socket.io/socket.io.js"></script> </head> <body> <div class="container"> <h1>WebSocket-Chat</h1> <form class="form-inline"> <div class="form-group"> <label for="msgForm">メッセージ:</label> <input type="text" class="form-control" id="msgForm"> </div> <button type="submit" class="btn btn-primary">送信</button> </form> <div id="chatLogs"></div> </div> <script type="text/javascript"> var socket = io.connect(); socket.on("server_to_client", function(data){appendMsg(data.value)}); function appendMsg(text) { $("#chatLogs").append("<div>" + text + "</div>"); } $("form").submit(function(e){ var message = $("#msgForm").val(); $("#msgForm").val(''); socket.emit("client_to_server", {value : message}); e.preventDefault(); }); </script> </body> </html>
試したこと
socket.ioの導入が失敗しているのかと思いましたが、
2行目の「var socketio = require('socket.io');」でオブジェクトが
生成されているので、昨日一日行き詰っていました。
補足情報(FW/ツールのバージョンなど)
- node.jsのバージョン:v14.16.1
- npmのバージョン:6.14.12
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/02 01:25
2021/05/02 02:10