当前位置：文江博客话题详情

Node.js Socket.io

节点服务器，Socket.io“io未定义”？

发布于 2024-12-07 00:57:27 字数 959 浏览 2 评论 0 原文

我遵循了之前一直对我有用的完全相同的步骤，通过express创建应用程序，将模块依赖项放置在node_modules文件夹中。似乎未找到 socket.io 客户端 JavaScript 文件。

（我查看了其他人的修复，即将 JavaScript 文件包含在脚本选项卡中。我之前的 Node + socket.io 项目不需要这样做）。

客户端上的 JavaScript：

var socket = io.connect('http://localhost');

服务器上的 JavaScript：

var io = require('socket.io').listen(app);

node_modules 文件夹：

socket.io, which has an internal node_modules folder containing socket.io-client

错误消息：

Uncaught ReferenceError: io is not defined
(anonymous function)

当我包含套接字时手动.io客户端： http://cdn.socket.io/stable/socket.io.js

我收到不同的错误这是：

Uncaught TypeError: Object #<Object> has no method 'connect'
(anonymous function)

原文

I've followed the exact same steps which have always previously worked for me, create application through express, place the module dependencies in the node_modules folder. It appears that the socket.io client-side javascript file isn't being found.

(I've looked at other peoples fixes, which is to include the JavaScript file in a script tab. I have not had to do this for my previous node + socket.io projects).

JavaScript on client:

var socket = io.connect('http://localhost');

JavaScript on server:

var io = require('socket.io').listen(app);

node_modules folder:

socket.io, which has an internal node_modules folder containing socket.io-client

Error Message:

Uncaught ReferenceError: io is not defined
(anonymous function)

When I include the socket.io client manually:
http://cdn.socket.io/stable/socket.io.js

I get a different error which is:

Uncaught TypeError: Object #<Object> has no method 'connect'
(anonymous function)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

﹉夏雨初晴づ 2024-12-14 00:57:27

在客户端上，您是否执行以下操作：

<script src="/socket.io/socket.io.js"></script>

在设置 socket 变量之前？

On the client, did you do:

<script src="/socket.io/socket.io.js"></script>

before you set the socket variable?

回复收藏 0 原文

蓝色星空 2024-12-14 00:57:27

Node.js 新手来了！
我很确定这个问题已经得到解答。然而我不断发现套接字的 src 存在问题。显然这个：

我已经用这个替换了上面的行，它看起来工作正常。

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>

（编辑：虽然这是显而易见的，但根据您阅读此答案的时间，此链接可能不起作用。请从以下位置选择最新链接：https://cdnjs.com/libraries/socket.io)

这是一个有效的客户端代码：

<body>

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>

<script>
    $(function(){
        var socket = io('http://localhost:8080');
        console.log("Socket connected"+socket.connected);

        socket.on('notification', function(value){
            //insert your code here
        });
    });

</script>

在服务器端 (仅处理 1 个套接字）

var app  = require('express')();
var http = require('http').Server(app);
var io   = require('socket.io')(http);
var port = process.env.PORT || 8080;


app.get('/', function(req, res){
    console.log("app works");
});

io.on('connection', function(socket){
    socket.emit('notification', {message:"hi"});
});

http.listen(port, function(){
    console.log('listening on :' + port);
});

Node.js newbie here!
I am pretty sure this has been answered. Yet I kept finding problems with the src for the socket. Apparently this : <script src="/socket.io/socket.io.js"> was not working for me on the client side.

I've replaced the above line with this and it seems to work fine.

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>

(Edit: although this is obvious, this link may not work depending on when you are reading this answer. Please pick the latest link from: https://cdnjs.com/libraries/socket.io)

Here is a working client side code:

<body>

<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>

<script>
    $(function(){
        var socket = io('http://localhost:8080');
        console.log("Socket connected"+socket.connected);

        socket.on('notification', function(value){
            //insert your code here
        });
    });

</script>

On the server side (handles only 1 socket)

var app  = require('express')();
var http = require('http').Server(app);
var io   = require('socket.io')(http);
var port = process.env.PORT || 8080;


app.get('/', function(req, res){
    console.log("app works");
});

io.on('connection', function(socket){
    socket.emit('notification', {message:"hi"});
});

http.listen(port, function(){
    console.log('listening on :' + port);
});

回复收藏 0 原文

伪装你 2024-12-14 00:57:27

我设法解决了这个问题，并浪费了大约一个小时，结果证明这是一个非常基本的错误。

当函数未定义时？如“Uncaught ReferenceError：io未定义”。
这是否意味着该函数在“创建”之前就已被“使用”？

在我的 HTML 文件中，“调用”javaScript 文件，
它看起来像这样：

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

我将其更改为这样

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

所以现在项目“io”，无论是对象还是函数......实际上是在使用之前创建的：D

玩得开心！

I managed to blunder through this, and squandered about an hour, on something that turned out to be a very basic error.

When an function is not defined? Such as " Uncaught ReferenceError: io is not defined ".
Does that not mean that the function is getting "used" before it is "created"?

In the part of my HTML file, that "calls" the javaScript files,
it look like this :

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

and i changed it to this

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

So now the item "io", whether it is an object or function... Is actually getting created before it is getting used :D

Have FUN!

回复收藏 0 原文

在风中等你 2024-12-14 00:57:27

在客户端：

<head>
<script src="http://localhost/socket.io/socket.io.js"></script>
</head>

On the client:

<head>
<script src="http://localhost/socket.io/socket.io.js"></script>
</head>

回复收藏 0 原文

那支青花 2024-12-14 00:57:27

我通过 Node.js 服务器运行索引页面解决了这个问题。

最有可能的“index.html”和“/socket.io/socket.io.js”文件应该是
由您的 Node.js 服务器提供服务。

正如网址中提到的
未捕获的引用错误：io未定义

所以当我执行https://localhost:3000时（3000是nodejs所在的端口开始）错误已解决。

回复收藏 0 原文

给妤﹃绝世温柔 2024-12-14 00:57:27

在此处输入图像描述

使用 server.listen() 可以修复它；

回复收藏 0 原文

北音执念 2024-12-14 00:57:27

确保使用最新的 CDN 版本。

回复收藏 0 原文

~没有更多了~

关于作者

自在安然

暂无简介

0 文章

0 评论

25 人气

关注发私信

友情链接

文江博客

节点服务器，Socket.io“io未定义”？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（7）

关于作者

相关话题

热门标签

推荐作者

游缘惊梦

小兔几

Glik

生生漫

Luxian

Champion-Ming

友情链接

节点服务器，Socket.io“io未定义”？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（7）

关于作者

相关话题

热门标签

推荐作者

游缘惊梦

小兔几

Glik

生生漫

Luxian

Champion-Ming

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。