Vue.js CLI 3, Express.js, Bootstrap Ошибка рендеринга приложения

Question

приложение прекрасно работает в режиме разработки, однако при использовании режима сборки я столкнулся с проблемой. с файлом Express server.js приложение даже не отображается после локального тестирования файла server.js.

ниже приведены две аналогичные версии моего файла server.js, ни одна из них не работает, и обе регистрируют ту же ошибку, к которой я также прикрепил скриншот ниже

// version one
const express = require('express');

const port = process.env.PORT || 5000;

let app = express();



app.use(express.static(__dirname + "/dist/"));

app.get(/.*/, (req, res) => {
    res.sendfile(__dirname + '/dist/index.html'); //path to index.html
  });

app.listen(port, () => {
  console.log('Listening on port ' + port)
});

//version two
const express = require('express');
const path = require('path');
const serveStatic = require('serve-static');

let app = express();
app.use(serveStatic(__dirname + "/dist"));


const port = process.env.PORT || 5000;


app.get('*', (req, res) => {
    res.sendFile(path.join( __dirname, './dist/index.html')); //path to index.html
  });

app.listen(port, () => {
  console.log('Listening on port ' + port)
});

ниже приведены ошибки, которые я получаю в консоли

файл app.vue

main.js