Angular2上的套接字IO

Question

我正在尝试使用最新版本包连接到 angular 2 的套接字 io， 我已经从 angular2/quickstart-master 下载了它

我已将此脚本放在 index.html 上

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

然后我创建服务器，

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var app = express();

var http = require('http');
var server = http.createServer(app);
var io = require('socket.io').listen(server);
server.listen(8000);
io.set("origins", "*:*");

var currentPrice = 99;

io.on('connection', function (socket) {
    socket.emit('priceUpdate',currentPrice);
    socket.on('bid', function (data) {
        currentPrice = parseInt(data);
        socket.emit('priceUpdate',currentPrice);
        socket.broadcast.emit('priceUpdate',currentPrice);
    });
});

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'app')));

app.use('/', routes);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

module.exports = app;

并将socket io放在组件上，

price: number = 0.0;
    socket : any;
    bidValue = '';

constructor() { 
            this.socket = io('http://localhost:8000');  **<< on this part**
            this.socket.on('priceUpdate', function(data){
            this.price = data;
        }.bind(this));    
        }

    bid(){
        this.socket.emit('bid', this.bidValue);
        this.bidValue = '';
    }

但我有一个错误说找不到 io，

我的代码有什么问题吗？

Answer 1

在导入后添加declare var io:any