'Uncaught SyntaxError: Unexpected token <' in Node.js

Question

我在尝试提供客户端代码时收到以下屏幕截图错误。当我尝试运行node server/server.js:

以下是我的 server.js 代码...

app.use(express.static(path.join(__dirname, "public")));
app.use(logger('dev'));
app.use(bodyParser.json({limit: '50mb'}));

app.all('/*', function(req, res, next){
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "GET, PUT, POST, DELETE, OPTIONS");
    res.header("Access-Control-Allow-Headers", "Content-type,Accept,X-Access-Token,X-Key");

    if(req.method === 'OPTIONS'){
        res.status(200).end();
    } else {
        next();
    }

});

app.all("/api/v1/*", [require('./middlewares/validateRequest')]);
app.use("/", require("./routes"));

app.use(function(req, res, next){
    var err = new Error("Not found");
    err.status = 404;
    next(err);
});

在我的routes/index.js 中，get request 有以下内容。

router.get('*', function(req, res) {
    res.sendfile('./public/index.html');
});

Answer 1

通常当浏览器请求一个 JavaScript 文件时，服务器会发送一个 HTML 文件。这是由于 app.get('*'... 之类的规则。所以我们需要告诉服务器先发送静态文件，然后再声明规则，如下图：

// Declare static folder to be served. It contains the JavaScript code, images, CSS, etc.
app.use(express.static('build'));

// Serve the index.html for all the other requests so that the
// router in the JavaScript application can render the necessary components
app.get('*', function(req, res){
  res.sendFile(path.join(__dirname + '/build/index.html'));
  //__dirname : It will resolve to your project folder.
});

Answer 2

我的文件夹结构

node(folder)
     server.js
     -client(f)
           -index.html
           -views(f)
           -js(f)
              -ctrl(f)
              -service(f)
              -app.js
              -state.js

和

app.use(express.static('client'));
app.get('/index.html', function (req, res) {

  res.sendfile(_dirname + '/index.html');

});

从浏览器调用：http://127.0.0.1:1956/index.html

var server = app.listen(1956, function (req, res) {
    var host = server.address().address
    var port = server.address().port
    console.log("app listening at", host, port)
});

对我来说效果很好。

Answer 3

我认为这可能是由您的 /public/index.html 文件引起的。

当您在 index.html 文件中包含 JavaScript 文件时，“src”属性存在一些问题。因此它将返回一个“未找到”的 HTML 文件，而不是实际的 JavaScript 文件。

Answer 4

我找到了解决方案。 Node.js 应用程序试图编译公用文件夹中的 JavaScript 文件，这会出错；您这样定义公用文件夹：

app.use(express.static(path.join(__dirname, 'public')));

尝试通过添加特定的虚拟文件夹名称来使用虚拟目录来定义它，如下所示：

app.use('/static', express.static(path.join(__dirname, 'public')));

这应该可行；

Answer 5

我猜部分问题出在你的router

在您的routes/index.js 中将get 请求更改为

router.get('/', function(req, res) {
    res.sendfile('./public/index.html');
});

您是否还在使用gulp 或类似的方式对资产进行管道处理？如果没有，那么您如何为您的资产服务？

我建议您使用serve your assets statically 或使用gulp