質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Socket.IO

Socket.IOはNode.js上で動くライブラリであり、すべてのブラウザとモバイルデバイスでリアルタイムのアプリを作動させる事を目的としています。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Q&A

解決済

1回答

8143閲覧

node.js の socket.io listen でエラーが発生します。

nemui_akubi

総合スコア11

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Socket.IO

Socket.IOはNode.js上で動くライブラリであり、すべてのブラウザとモバイルデバイスでリアルタイムのアプリを作動させる事を目的としています。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

0グッド

0クリップ

投稿2021/05/01 21:30

編集2021/05/01 21:34

前提・実現したいこと

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

僕も一時期ハマったのですが、バージョンアップにより、listen()メソッドが消滅しました。
代わりに、socketioオブジェクトを、そのまま関数として実行可能になっています。
そのため現行バージョンでは、

javascript

1var io = socketio(server);

が、正しい記述法になります。

投稿2021/05/01 23:35

task58

総合スコア24

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nemui_akubi

2021/05/02 01:25

解決しました。ありがとうございます。
task58

2021/05/02 02:10

ライブラリは急に仕様変更することがあるので、常に最新のリファレンスを見ると良いですよ。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問