Производственная сборка приложения Create React прошла успешно, но код выдает ошибки
У меня есть приложение React create-response-app, которое я разрабатывал с помощью webpack-dev-server, и все там работает в разработке.
Однако, когда я собираю для производства, выходная сборка не работает и имеет следующие ошибки консоли:
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.
Любое решение этой проблемы?
Вы обслуживаете приложение из / или относительного пути / подкаталога? В случае подкаталога вы можете предварительно указать process.env.PUBLIC_URL для ссылки на файлы изображений и Link, если вы используете React Router.
Удаление homepage из package.json, должно это сделать
Ответы 1
Вы используете экспресс-сервер (nodejs) в производственной среде?
Если да, то проверьте конфигурацию обслуживания статических файлов. Проблема в том, что /manifest.json, /static/js/main.625fef55.chunk.js/ и т. д. Возвращают index.html вместо файла manifest или 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.info(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;
У меня тоже эта ошибка
Uncaught SyntaxError: Unexpected token < manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.после обновления с CRA 1.0 до CRA 2.0