我有一个正在使用webpack-dev-server开发的create-react-app React应用程序,一切都在开发中正常工作。
但是,当我进行生产时,输出版本无法正常工作,并且出现以下控制台错误:
Uncaught SyntaxError: Unexpected token < :4001/static/js/1.33f1f515.chunk.js/:1
Uncaught SyntaxError: Unexpected token < :4001/static/js/main.625fef55.chunk.js/:1
Uncaught SyntaxError: Unexpected token < manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.
答案 0 :(得分:0)
您是否在生产环境中使用Express(nodejs)服务器?
如果是,则检查静态文件服务配置。问题是/manifest.json
,/static/js/main.625fef55.chunk.js/
等正在返回index.html而不是清单文件或js文件。
这是我的示例服务器文件-
const express = require('express');
const path = require('path');
const app = express();
app.use('/', express.static(path.join(__dirname, '../build')));
app.use(function(req, res, next) {
//console.log(req.originalUrl);
next();
});
// to check if server is running
app.get('/ping', (req, res) => {
res.json({
success: true,
message: 'pong'
})
});
app.get('/*', function(req, res) {
res.sendFile(path.join(__dirname, '../build', 'index.html'));
});
module.exports = app;