Heroku express + react + webpack - can't run on server - reactjs

Question

I have my webpack + ts + express + react application. I can build it locally without any problems. . And everything works, but when i publish it to heroku i've got this:
eb.1]: npm ERR! code ELIFECYCLE
2019-11-06T15:32:36.057014+00:00 app[web.1]: npm ERR! errno 2
2019-11-06T15:32:36.058319+00:00 app[web.1]: npm ERR! v#0.0.0 start: tsc && node ./build/app.js
2019-11-06T15:32:36.058526+00:00 app[web.1]: npm ERR! Exit status 2
2019-11-06T15:32:36.058771+00:00 app[web.1]: npm ERR!
2019-11-06T15:32:36.058897+00:00 app[web.1]: npm ERR! Failed at the v#0.0.0
start script.
2019-11-06T15:32:36.059048+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Folder structure
api
app.ts
client
src
tsconfig
package.json
tsconfig
package.json
file app.ts
app.use(cors());
app.use(morgan('dev'));
app.use(express.json());
app.use(cookieParser());
app.use(morgan('dev'));
app.use(express.static(path.join(__dirname, '../client/build')));
app.use('/api/posts', postRoutes);
app.use('/api/users', userRoutes);
app.use('/api', errorRoutes);
app.get('/*', (req, res: Response) => {
res.sendFile(path.join(__dirname, '../client/build/index.html'));
});
const port = process.env.PORT || 1646;
app.listen(port, () => {
// tslint:disable-next-line: no-console
console.log(`listening on port ${port}`);
});
{
"name": "v",
"version": "0.0.0",
"engines": {
"node": "8.11.2",
"npm": "5.6.0"
},
"private": true,
"scripts": {
"dev:front": "cd client && npm run dev",
"dev:server": "ts-node-dev --respawn --transpileOnly ./api/app.ts",
"dev": "concurrently \"npm run dev:server\" \"npm run dev:front\"",
"tsc": "tsc",
"start": "tsc && node ./build/app.js",
"clean": "rimraf ./build",
"build": "tsc && node ./build/app.js",
"heroku-postbuild": "cd client && npm run build",
"heroku-prebuild": "cd client && npm install"
},
"dependencies": { //I Putted evrything here to dependencies
"#material-ui/lab": "^4.0.0-alpha.30",
"cookie-parser": "~1.4.4",
"cors": "^2.8.5",",
"dotenv": "^8.2.0", ....
tsconfig
"target": "es6"
"module": "commonjs"
"outDir": "./build",
"include": [
"api/"
]
package.json client
scripts ...
"build": "npm run clean && webpack -p ---open --config webpack/production.js",
"clean": "rimraf build/*",
"tsc": "tsc --noEmit",
"lint": "tslint './src/**/*.ts*' --format stylish --project . --force",
"dev": "webpack-dev-server ---open --config webpack/development.js"

Answer 1

Your build process shouldn't be starting up your app. Change
"heroku-postbuild": "cd client && npm run build",
to
"heroku-postbuild": "npm run tsc",
That should create the build folder you want. Then you'll want to add a new file called Procfile to the root of your project with this line of code:
web: node build/api.js
Which tells Heroku how to start up your app.