前提
Next.jsでserver側とclient側でsocket.jsを読み込み通信を取りたいと思っていたのですが、
errorが出てしまいできませんでした
1日考えたのですがわからないのでわかる方いらっしゃれば教えていただきたいです
実現したいこと
next.jsでsocket.ioを使用する
発生している問題・エラーメッセージ
GET http://localhost:3000/socket.io?EIO=4&transport=polling&t=OAL-PqE 404 (Not Found) create @ polling.js:324 Request @ polling.js:268 request @ polling.js:220 doPoll @ polling.js:245 poll @ polling.js:111 doOpen @ polling.js:71 open @ transport.js:56 open @ socket.js:171 Socket @ socket.js:112 open @ manager.js:118 eval @ manager.js:330
該当のソースコード
server.js
1import { createServer } from "http"; 2import { Server as socketioServer } from "socket.io"; 3import express from "express"; 4const port = process.env.PORT || 3000; 5const app = next({ dev }); 6const handle = app.getRequestHandler(); 7app.prepare().then(async () => { 8 const expressApp = express(); 9 const server = createServer(expressApp); 10 const io = new socketioServer(); 11 io.attach(server); 12 io.sockets.on("connection", (socket) => { 13 //socketの処理 14 }) 15 expressApp.all("*", (req, res) => handle(req, res)); 16 server.listen(port); 17})
client.js
1import type { NextPage } from "next"; 2import io from "socket.io-client"; 3import { useEffect, useState } from "react"; 4const MAIN: NextPage = () => { 5 const [socket, _] = useState(() => io()); 6 socket.on("hoge",()=>{ 7 console.log("ok"); 8 }) 9 return(<div>htmlが入ります</div>) 10} 11export default MAIN;
試したこと
いろいろなサイト調べてProcfileやpackage.jsを変更しました
しかし無理でした
補足情報(FW/ツールのバージョンなど)
OS:linux mint
node:v16.16.0
npm:v8.11.0
他に知りたいことや間違いがあれば教えてください

回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。