我正在尝试创建一个简单的Io-web-chat。我最近想把html文件中的<script>分离到一个外部js文件中。

这是我非常简单的文件夹结构：

Chat
|-- index.html
|-- index.js
`-- server.js

html文件的相关部分：

<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="index.js"></script>
</body>
</html>

index.js文件的相关部分：

$(function() {

  //Initialize variables
  var $messageArea = $('#messages');
  var $InputMessage = $('#InputMessage');
  var $InputName = $('#InputName');

  //Initialize Socket
  var socket = io();

  //Send server Your message
  socket.emit('chat message', $InputMessage.val());

});

server.js文件的相关部分：

app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});

我还尝试将我的文件放在www.example.com示例中的公共类型结构中socket.io：

Chat
|-- Public
|   |-- index.html
|   `-- index.js
`-- server.js

在这种情况下，我改变了：html中的src="/index.js"将/public/index.html添加到server.js文件中，但没有成功。
这都是在本地主机上运行的。我哪里做错了？