Node.js“Uncaught SyntaxError:Unexpected token<”加载socket.io.js时

时间:2014-05-23 21:42:22

标签: node.js mongodb express socket.io pug

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

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

文件server.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 + '...');

File 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 }));
    });
}

script.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

我只是不知道为什么会发生这些错误以及如何解决这些错误

由于

2 个答案:

答案 0 :(得分:1)

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

你在socket.io.js上遇到同样的错误,确保当你点击&#34; localhost:3030 / socket.io / socket.io.js&#34;你真的得到了什么。

无论哪种方式,&#34;意外&lt;&#34;来自404错误的html页面。

答案 1 :(得分:0)

我正在使用VS 2017 IDE在浏览器上运行使用JQuery Html和Css构建的应用程序。该应用程序无法与Chrome旋转轮一起运行。

我取消选中以下复选框,该应用开始运行。 有一天可能会对某人有所帮助。

enter image description here