客户端<script src="/socket.io/socket.io.js"></script>未找到，使用快速生成器生成的项目
客户端<script src="/socket.io/socket.io.js"></script>未找到，使用快速生成器生成的项目
提问于 2019-10-06 12:09:57
我正在尝试使用一个快速生成器生成的项目来复制在Socket.IO官方网站上给出的“聊天示例”。我想保持生成的结构完好无损。我几乎把所有的东西都和“聊天示例”保持不变，只想把它安装到一个快速生成器生成的项目中。我遇到的问题是客户端无法调用脚本socket.io.js。在这里，我发布了项目文件结构、更改/添加的代码以及错误消息。
有人能帮帮我吗？非常感谢!
- 项目文件结构(*：更改；**：新添加的文件。)
ioChat (project name)
-- bin
-- www (*)
-- node_modules
-- socket.io
-- socket.io-adapter
-- socket.io-client
-- socket.io-parser
-- (many other modules)
-- public
-- images
-- javascripts
-- stylesheets
-- style.css (*)
-- index.html (**)
-- routes
-- index.js (*)
-- users.js
-- views
-- error.jade
-- index.jade
-- layout.jade
-- app.js
-- package-lock.json
-- package.json- bin\www (注释//+是添加的代码)
#!/usr/bin/env node
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('iochat:server');
var http = require('http');
var io = require('socket.io')(http); //++++
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
// socket io for realtime messaging //++++
io.on("connection", function(socket){
socket.on("chat", function(msgin){
var msgout = { name: msgin.name, msg: msgin.msg , mtime: new Date()};
io.emit("chat",msgout);
});
});
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}- public\index.html (新增加)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ioChat</title>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<script src="/socket.io/socket.io.js"></script>
<!-- <script src="../node_modules/socket.io-client/dist/socket.io.js"></script> -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(function(){
var socket = io();
$("#btnSend").on("click",function(){
var msgout = {name:$("#senderName").val(), msg:$("#msg").val()};
socket.emit('chat',msgout);
$("#msg").val("");
});
socket.on("chat",function(msgin){
$("#msgList").append($("<li>").text(`${msgin.name} says: ${msgin.msg} (msgin.mtime)`));
});
});
</script>
</head>
<body>
<ul id="msgList"></ul>
<div class="iptArea">
<label for="name" class="msgItems">Name:</label>
<input type="text" id="senderName" class="msgItems"/
<label for="msg" class="msgItems">Message:</label>
<input type="text" id="msg" class="msgItems"/>
<button class="msgItems" id="btnSend">Send</button>
</div>
</body>
</html>- routes\index.js (注释//+是添加的代码)
var express = require('express');
var router = express.Router();
/* GET home page. Let http://localhost:3000 directly go to public\index.html*/
router.get('/'); //+++
module.exports = router;- 服务器端错误消息(显然是404未找到)：
GET /socket.io/socket.io.js 404 34.641 ms - 1142- 客户端错误消息：
GET http://localhost:3000/socket.io/socket.io.js net::ERR_ABORTED 404 (Not Found)
Uncaught ReferenceError: io is not defined回答 2
Stack Overflow用户
回答已采纳
发布于 2019-10-29 14:57:32
经过很长一段时间的探索，我找到了对我的问题最好的答案。请参阅使用快速生成器的简单快捷socket.io教程。
Stack Overflow用户
发布于 2019-10-07 18:42:09
您可以使用CDN作为一种简单的方法，而不是从服务器获取文件。
退房：https://cdnjs.com/libraries/socket.io
在你的public\index.html中使用这个
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58257094
复制相关文章
相似问题
腾讯云开发者
