Socket.io-client: TypeError: io๋Š” ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2015๋…„ 08์›” 13์ผ  ยท  11์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: socketio/socket.io-client

๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—ฐ๊ฒฐํ•˜๋ ค๊ณ  ํ•  ๋•Œ

    this._socket = io('http://localhost:5000');

TypeError: io is not a function ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋„คํŠธ์›Œํฌ ํƒญ์—์„œ socket.io/socket.io.js ํŒŒ์ผ์„ ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋กœ๋“œ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. npm socket.io๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ socket.io๋ฅผ ์„ค์น˜ํ–ˆ์œผ๋ฉฐ socket.io-client ๋ฒ„์ „ 1.3.6์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์‚ฌ์šฉ io.connect() ๋Œ€์‹  io() .

๋ชจ๋“  11 ๋Œ“๊ธ€

์ด๊ฒƒ์€ ์ •๋ง ๊ธฐ๋ณธ์ ์ธ ์˜ค๋ฅ˜๋กœ ๋ณด์ด๋ฉฐ ์„ค์ •์— ๋ฌธ์ œ๊ฐ€ ์žˆ์„ ๊ฐ€๋Šฅ์„ฑ์ด ๋” ํฝ๋‹ˆ๋‹ค. ๋‹ค์‹œ ์—ด์–ด๋ณด์„ธ์š”.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์„ค์ •?

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์„ค์ •?

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์„ค์ •?

Parcel.js / Typescript๋ฅผ ES6 ๋ฒˆ๋“ค๋Ÿฌ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•œ ๋ฌธ์ œ

* 'socket.io-client'์—์„œ io๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ;
๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค.

ํ‰๋ฒ”ํ•œ ์˜ค๋ž˜๋œ JavaScript๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์–ด๋–จ๊นŒ์š”?

์‚ฌ์šฉ io.connect() ๋Œ€์‹  io() .

io.connect()๊ฐ€ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๊ฐ€ ์—ฌ์ „ํžˆ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋ฅผ ์œ„ํ•ด @renatosvo ์™€ @Kacppian ์ œ์•ˆ์˜ ์กฐํ•ฉ์ด ํšจ๊ณผ ๊ฐ€
"socket.io-client"์—์„œ *๋ฅผ io๋กœ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.
let ioClient = io.connect();

๊ฐ™์€ ๋ฌธ์ œ

๋‚ด๋ณด๋‚ผ ๋•Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋‚ด ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

const express = require('express');
const router = express.Router();
var app = express();
const io = require('socket.io');
const fs = require('fs');

const { ensureAuthenticated } = require('../db/auth.js');


//exporting dashboard 
module.exports = {
  dash: router.get('/', (req,res)=>{
    var chat = io.on('connection', (socket)=>{
      console.log('chat is connected');
    })
    res.render('dashboard', {chat:chat});

  })
}

๊ทธ๋ฆฌ๊ณ  ๋‚ด๊ฐ€ ์–ป๋Š” ์˜ค๋ฅ˜๋Š”

io.on is not a function
TypeError: io.on is not a function
    at E:\expressBasedLOginSignUP\routes\dashboard.js:13:19
    at Layer.handle [as handle_request] (E:\expressBasedLOginSignUP\node_modules\express\lib\router\layer.js:95:5)
    at next (E:\expressBasedLOginSignUP\node_modules\express\lib\router\route.js:137:13)
    at Route.dispatch (E:\expressBasedLOginSignUP\node_modules\express\lib\router\route.js:112:3)
    at Layer.handle [as handle_request] (E:\expressBasedLOginSignUP\node_modules\express\lib\router\layer.js:95:5)
    at E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:281:22
    at Function.process_params (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:335:12)
    at next (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:275:10)
    at Function.handle (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:174:3)
    at router (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:47:12)
    at Layer.handle [as handle_request] (E:\expressBasedLOginSignUP\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:317:13)
    at E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:284:7
    at Function.process_params (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:335:12)
    at next (E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:275:10)
    at E:\expressBasedLOginSignUP\node_modules\express\lib\router\index.js:635:15
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰