Неожиданная синтаксическая ошибка при развертывании приложения Vue на Heroku

У меня было приложение Vue, настроенное с шаблоном веб-пакета Vue CLI, и я пытался развернуть его на Heroku с помощью Node.js.

1. Сначала я запускаю npm run build (сборка с файлом webpack.prod), чтобы все файлы находились в dist/.
2. Затем я запускаю git push heroku master, чтобы развернуть его.

Когда я открываю Интернет, возникает ошибка. Я заметил, что все файлы .js были изменены и теперь содержат то же содержимое, что и мой index.html:

Вот мой файл server.js:

var express = require('express');
var path = require('path');
var history = require('connect-history-api-fallback');

var app = express();

var staticFileMiddleware = express.static(path.join(__dirname + '/dist'));

app.set('port',process.env.PORT||5000);

app.use(history({
  disableDotRule: true,
  verbose: true
}));
app.use(staticFileMiddleware);

app.listen(app.get('port'), function () {
    console.info("App now running on port", app.get('port'));
});


app.get('/', function (req, res) {
  res.render(path.join(__dirname + '/dist/index.html'));
});

Почему это происходит и как это исправить?