connect-history-api-fallback | Fallback to index.html for applications | Runtime Evironment library

I found this similar question to mine, but without explanation Mongoose find query vs $match, I'm trying to do something similar.

I manage to filter by today's date correctly, but I can not yet filter by client's ID.

this works:

I want to serve my Vue app with an Express server (on production environment). I think there is something wrong (missing?) with my current configuration, since it's not running the App like it should.

This is my configuration:

simple-tasks-organizer-frontend/package.json

Note: I converted my expressjs code to be an ES6 module. The compiler hasn't complained yet and I'm surprised. I assume we can do this without having to use an .mjs file extension or put type module in a package.json inside my server folder?

I'm using

I tried my best to convert existing code to TS. But now for some reason, my calls to get initial data are no longer working after porting my code to TS.

HomePageContainer.tsx

This file checks out to be valid via TS, no more errors but during runtime, I get Unexpected token ':' on any of the TS I specified such as it immediately errors on function (err: string)

Here are my build and start scripts. I of course run build, then run start:

I recently converted my build process over to using typescript and webpack. Now after resolving most the TS errors, I'm trying to run my site finally.

When I load the site, I'm getting TypeError: res.send is not a function from my expressjs static server. This code hasn't changed, it's always been the same even when I used gulp and worked fine but for some reason now after using webpack and TS, it's giving me this error now.

The server does indeed start on port 8080 and listens for requests. I start it with "start": "node --trace-warnings dist/server/server.js",

I don't know if it's because I typed the res param with any or what it is..

Full Error:

I can't figure out why TS doesn't like the history or lodash requires:

for _ = require('lodash'), I get the TS error Subsequent variable declarations must have the same type. Variable '_' must be of type 'LoDashStatic', but here has type 'any'

for require('connect-history-api-fallback') I get the TS error Cannot redeclare block-scoped variable 'history'

@types/lodash and @types/connect-history-api-fallback are installed already.

api.ts

I've read a number of solutions to this same problem, but none have worked for me. So here it goes.

I have a Vue 2 app using Express that runs on AWS Amplify. When I run my app locally in 'dev' mode (npm run serve) and 'start' mode (npm run build && node server.js), everything works fine.

The problem shows up when I deploy to Amplify. I can click nav buttons, go back, and go forward, all of which send me to the correct URL. However, the moment I refresh the page or manually enter a valid URL in the browser, the screen goes blank and the browser URL shows https://dontblowup.co/index.html.

Below is my server.js file:

I want to launch this frontend project on my local machine, but unfortunately recieving this error messages: