我有一个使用 node.js 和 express 框架测试 socket.io 的简单应用程序

有一些与我的应用相关的文件

文件服务器.js

var express = require('express');

var env = process.env.NODE_ENV = process.env.NODE_ENV || 'development';

var app = express();
var http = require('http');
var server = http.createServer(app);

var config = require('./server/config/config')[env];

require('./server/config/express')(app, config);

/////////////////////////// Database ////////////////////////////////
require('./server/config/mongoose')(config);

/////////////////////////// Passport ////////////////////////////////
require('./server/config/passport')();

/////////////////////////// Routes ////////////////////////////////
require('./server/config/routes')(app);

/////////////////////////// Socket ////////////////////////////////
require('./server/config/socket')(server);

/////////////////////////// Port ////////////////////////////////
app.listen(config.port);
console.log("Listening on port " + config.port + '...');

文件 express.js

var express = require('express'),
    stylus = require('stylus'),
    passport = require('passport');

module.exports = function(app, config){
    function compile(str, path){
        return stylus(str).set('filename', path);
    };

    app.configure(function(){
        app.set('views', config.rootPath + '/server/views');
        app.set('view engine', 'jade');
        app.use(express.logger('dev'));
        app.use(express.cookieParser());
        app.use(express.bodyParser());
        app.use(express.session({secret: 'test whiteboard unicorns'}));
        app.use(passport.initialize());
        // using session
        app.use(passport.session());
        // config Stylus middleware
        app.use(stylus.middleware({
            src: config.rootPath + '/public',
            compile: compile
        }));
        app.use(express.static(config.rootPath + '/public', { redirect : false }));
    });
}

脚本.jade

script(type="text/javascript", src="/vendor/jquery/dist/jquery.min.js")
script(type="text/javascript", src="/vendor/angular/angular.js")
script(type="text/javascript", src="/vendor/bootstrap/dist/js/bootstrap.min.js")
script(type="text/javascript", src="/vendor/toastr/toastr.min.js")
script(type="text/javascript", src="/vendor/restangular/dist/restangular.min.js")
script(type="text/javascript", src="/vendor/lodash/dist/lodash.min.js")
script(type="text/javascript", src="/vendor/jquery-minicolors.min.js")
script(type="text/javascript", src="/socket.io/socket.io.js")

当我启动 nodemon server.js 时，node.js 控制台运行正常

[nodemon] starting `node server.js`
connect.multipart() will be removed in connect 3.0
info  - socket.io started
Listening on port 3030...

但是，当我打开浏览器并测试应用程序时，我在控制台中看到错误

Uncaught SyntaxError: Unexpected token < jquery-minicolors.min.js:1
Uncaught SyntaxError: Unexpected token < socket.io.js:1

我只是不知道为什么会出现这些错误以及如何修复它们

谢谢

最佳答案

这意味着jquery-minicolors.min.js实际上是一个html文档。确保路线正确。

你在 socket.io.js 上遇到了同样的错误，确保当你点击“localhost:3030/socket.io/socket.io.js”时你确实得到了一些东西。

无论哪种方式，“意外 <”都来自 404="" 错误="" html="">

关于加载 socket.io.js 时 Node.js "Uncaught SyntaxError: Unexpected token <"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23838717/