socket.io - ReferenceError: io no está definido

Question

Estoy escribiendo una aplicación para Android 2.3.5 (que también será compatible con iOS). Deseo transferir datos del HTML/Javascript de la aplicación a un programa de Python en un servidor (que usa el motor Twisted para recuperar los datos).

He intentado muchas cosas y he consultado varios foros, respuestas, tutoriales y páginas web, incluida la mayoría de ellos aquí, y no puedo encontrar una respuesta. Aquí está el Javascript relevante que tengo en mi archivo index.html:

<script src="socket-lib/socket.io.js"></script> 
<script type="text/javascript" charset="utf-8"> 
function sendData() { 
    try { 
     var socket = io.connect('http://mywebsite.com:12345'); 
     socket.on('connect', function(data) { 
      socket.send('Hello.'); 
      socket.on('message', function (msg) { 
       socket.send('This is where I send data?'); 
      }); 
     }); 
    } 
    catch(err) { 
     alert('ERROR: socket.io encountered a problem:\n\n' + err); 
    } 
} // end of sendData 

Si no se puede decir, todavía estoy muy confundido cómo funciona esto; Ni siquiera puedo probar nada. El error que sigue apareciendo es ReferenceError: io is not defined. Algunos sitios usaron algo como var io = require('socket.io');. Pero luego se produce el mismo error: ReferenceError: require is not defined.

Puse la carpeta socket-lib en assets/www, donde debería ir cualquier otra fuente de Javascript. Aquí también está el archivo index.html. Muchos sitios usan <script src="/socket.io/socket.io.js"></script>, pero esto no tiene sentido para mí. Muchos sitios también implican el uso de node.js, pero nunca lo veo en ningún lado.

¿Cómo puedo hacer esto?

Responder edita:

Lo he probado en Chrome, y me está dando una Uncaught ReferenceError: require is not defined para el archivo socket.io.js. Así que decido fuente en require.js justo antes. Luego da el error Uncaught Error: Module name "socket.io-client" has not been loaded yet for context. Como no estoy usando esto, no me importa. Sin embargo, cuando intento la conexión, aparece el mismo error io is not defined. Cuando lo defino como var io = require('socket.io'), el error es Error: Module name "socket.io" has not been loaded yet for context: _ http://requirejs.org/docs/errors.html#notloaded. Miré el sitio web, y no me ayuda en absoluto. Cuando intento poner "require" como argumento de función, ocurre otro error: TypeError: undefined is not a function.

Answer 1

Encontré la respuesta para cualquiera que se sienta inmensamente confundido por la horrible falta de documentación de socket.io.

No puede fuente /socket-lib/socket.io.js,

debe fuente http://yourwebsite.com:12345/socket.io/socket.io.js.

El servidor hace el resto automáticamente por usted.

Answer 2

Parece que su navegador no puede encontrar el archivo socket.io.js. Puedes intentar abrir el archivo index.html en tu computadora con Firefox + Firebug o las herramientas para desarrolladores web de Chrome y ver cómo se solicita el archivo .js. Por otro lado, puede verificar los registros en el servidor web que sirve el archivo .js, ya sea que haya algún error de archivo no encontrado.

La función require sería proporcionada por, p. Ej. RequireJS, pero aún necesitaría configurar las rutas a sus scripts correctamente para que funcionen.

Answer 3

Al hacer que socket.io funcione con muchas otras bibliotecas usando require.js tuve el mismo error, resultó ser debido a intentar cargar el archivo socket.io.js desde la misma carpeta/js que el resto de los otros archivos.

Si lo coloca en una carpeta separada, fijada por mí, se puede ver la code in this gist pero todo lo que cambiado para hacer que funcione, fue esto:

en lugar de:

socketio: 'socket.io',

Uso :

socketio: '../socket.io/socket.io',

No estoy seguro del motivo de este comportamiento, pero espero que lo ayude.

Answer 4

Me las arreglé para cometer errores, y desperdicié alrededor de una hora, en algo que resultó ser un error muy básico.

¿Cuando una función no está definida? Tales como "Unbeught ReferenceError: io no está definido". ¿Eso no significa que la función se está "utilizando" antes de "crearse"?

En la parte de mi archivo HTML, que las "llamadas" los archivos JavaScript, que parecían así:

<script src='./js/playerChatter.js'></script> <!-- this one calls io --> 
<script src="http://localhost:2019/socket.io/socket.io.js"></script><!-- This Creates io --> 

y yo cambiado a este

<script src="http://localhost:2019/socket.io/socket.io.js"></script> <!-- This Creates io --> 
<script src='./js/playerChatter.js'></script> <!-- this on calls io --> 

Así que ahora el ítem "io", si es un objeto o función ... En realidad se está creando befo re se está usando: D

Have FUN!

Answer 5

Para mí después de la depuración a través de todas las sugerencias muy útiles, resultó ser simplemente que mi servidor de nodos se había detenido. Lo había estado ejecutando manualmente en una ventana de terminal durante el desarrollo.

¡Asegúrese de que su nodo [yourservercode] .js se esté ejecutando en el puerto especificado! : -]

Answer 6

lo resolví yo mismo cambiando index.html importar la toma io cliente desde la glorieta, en primer lugar he instalado el componente Bower:

bower install socket.io-client 

entonces he cambiado la referencia en index.html a:

<script src="bower_components/socket.io-client/socket.io.js"></script> 

O archivo se puede conocer en - lib/socket.io-cliente/dist/socket.io.js

Answer 7

utilizo jspm.

Añadir este:

import 'btford/angular-socket-io/mock/socket-io';