socket.io如何引用本地jquery?

现在做网络聊天室要用于内网,因此想引入本地jquery,但是会报404错误,找不到jquery,路径肯定是没问题的。但是引用https://code.jquery.com/jquer...就没问题

代码如下

<!doctype html>
<html>
<head>
    <title>Socket.IO chat</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font: 13px Helvetica, Arial; }
        form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
        form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
        form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
        #messages { list-style-type: none; margin: 0; padding: 0; }
        #messages li { padding: 5px 10px; }
        #messages li:nth-child(odd) { background: #eee; }
    </style>
</head>
<body>
<ul id="messages"></ul>
<form action="">
    <input id="m" autocomplete="off" /><button>Send</button>
</form>
</body>
<script src="/socket.io/socket.io.js"></script>
<script language="JavaScript" type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
<!--<script src="https://code.jquery.com/jquery-1.11.1.js"></script>引用这个可以运行-->
<script>
    $(function () {
        var socket = io();
        $('form').submit(function(){
            socket.emit('chat message', $('#m').val());
            $('#m').val('');
            return false;
        });
        socket.on('chat message', function(msg){
            $('#messages').append($('<li>').text(msg));
        });
    });
</script>
</html>
阅读 5.2k
2 个回答

应该是 node_modules 目录没有放在静态文件服务器路劲中(但也不推荐将 node_modules 目录全部放在静态服务下面.)

内网的话可以通过 express 的static 函数,需要的目录安装到对应的路由上
eg.

app.use('/jquery',express.static('node_modules/jquery/dist/'))

前端的话通过访问

<script language="JavaScript" type="text/javascript" src="/jquery/jquery.min.js" ></script>

麻烦把jq下载下来。 不是同一目录请带上根号/

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
1 篇内容引用
推荐问题