Entonces, estoy tratando de seguir este tutorial y de inmediato no puedo hacer que funcione. En primer lugar, estos son mis archivos:
raíz/frontend/index.html
<html> [...]some static page[...] <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script> <script src="index.js"></script> </html>raíz/frontend/index.js
const socket=io('http://localhost:3000'); socket.on('init', handleInit); function handleInit(msg) { console.log(msg); }raíz/servidor/servidor.js
const io=require('socket.io')(); io.on('connection', client =>{ client.emit('init', {data:'hello'}); }); io.listen(3000);Lo que hace a continuación es ejecutar "npx live-server" en la carpeta frontend (que también hago). Y también, ejecute "yarn add socket.io" en la carpeta del servidor y luego ejecute "npx nodemon server.js" y se supone que funciona. Pero al seguir esos pasos exactos obtengo los errores: "Solicitud de origen cruzado bloqueada: la misma política de origen no permite leer el recurso remoto en http://localhost:3000/socket.io/?EIO=3&transport=polling&t=NsGvIgN. (Motivo : la solicitud de CORS no tuvo éxito)"
y
"OBTENGA http://localhost:3000/socket.io/?EIO=3&transport=polling&t=NsGvO1Z"
Entonces, lo descubrí.
Al final termino siguiendo otro tutorial que es mucho más simple y mucho mejor para el principiante. es este Fácil de entender, al grano, compacto y funciona sin problemas.
Pero si encuentra este error CORS, la forma de solucionarlo es en otro video. Básicamente, debe instalar el paquete cors y agregar algunas definiciones en el código js del servidor. La solución en sí está en la marca de 10 minutos, pero sugiero mirar desde el principio.