客戶端的socket.io錯誤

Question

我花了幾天的時間解決這個問題。我正在嘗試使用socket.io來構建一個頁面。 我是node.js & socket.io的開端。我閱讀socket.io文檔，並逐步構建頁面。 然後我得到一個錯誤，Uncaught ReferenceError: io is not defined

但我可以從http://localhost:3000/socket.io/socket.io.js

我用var socket = io.connect('http://localhost')得到JS內容或客戶端使用var socket = io()。兩個都不行，我做什麼？

這是我在服務器端代碼：

var app = express(); 
var http = require('http').Server(app); 
var io = require('socket.io')(http); 
var port = 3000; 
http.listen(port, function(){ 
    console.log('Server listening at port %d', port); 
}) 

在客戶端：

var socket = io(); 
socket.on('news', function(data){ 
    console.log(data); 
}) 

Answer 1

在客戶端，您應該使用server.io客戶

import io from 'socket.io-client'; 

您可以運行

npm i socket.io-client 

安裝依賴或者你也可以成爲從https://www.npmjs.com/package/socket.io-client

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

提供dist文件夾沒有測試 在你的哈巴狗模板中找到的文件socket.io.js，你可以在頭做或身體，

doctype html 
html(lang="en") 
    head 
    script(src="/socket.io/socket.io.js"). 
    //Your logic here