創建React App生產構建成功，但生成錯誤代碼

Question

我有一個正在使用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.

Answer 1

您是否在生產環境中使用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;