Expressjs静态javascript文件未加载

Question

我正在使用create-react-app设置快速服务器。

AT控制台我正在

Uncaught SyntaxError: Unexpected token < bundle.js:1

当我点击错误时，它显示我的主页HTML。 使用摩根记录器时，它给我200分。

GET /static/js/bundle.js 304 1.145 ms - -

当我查看源点击css链接时，它会显示我css，同时点击javascript链接它显示我的空白页面（主页html）。

这是服务器代码。

var express = require('express');
var bodyParser = require('body-parser');
var logger = require('morgan');
var path = require ('path');

var data = {};


express()
    .use(logger('dev'))
    .use(express.static(path.join(__dirname, 'flashcard-app/build')))

    .use(bodyParser.json())
    .get('/api/test', (req, res) => res.json("Great news every thing is working fine."))
    .get('/api/data', (req, res) => res.json(data))
    .post('/api/data', (req, res) => res.json(data = req.body))
    .get('*', function(req, res) {
        console.log('serving path:', path.join(__dirname+'/flashcard-app/build/index.html'));
         res.sendFile(path.join(__dirname, 'flashcard-app/build/index.html'));
    })
    .listen(3333, function(){
        console.log('server running at 3333');
    });

这也是自定义server.js文件，而不是由express-generator提供的文件。我按node server_old.js而不是./bin/www

运行

帮助评论提示赞赏。

Answer 1

您正在尝试抓取/static/js/bundle.js，但bundle.js中没有static/js。

我认为您尝试使用index.html尝试bundle.js而您的webpack配置构建main.[hash].js