Deploying [NodeJS file written in Typescript] on Heroku

Question

My NodeJS App is written in Typescript and I am trying to deploy it on Heroku.

I was following a YouTube tutorial.

My app is deployed but it's showing me error. Can anybody tell me what's the issue?

Is it because of the app written in Typescript?

I created a Procfile and added this [web: nodemon src/server.ts] in file. So that heroku knows where to find the server file.

If there is a similar question or answer related to my Question, please do share that link here.

I'm doing an app in express-node with typescript and i can relate to this question, and, as far as i know, shouldn't you put in the procfile document server.js instead of server.ts ? — Diego
– Diego, Commented Jun 13, 2021 at 20:43
@Diego I am new to tyepscript and node, the whole back is written in typescript with extensions ".ts" including the server file. That's why i put server.ts — Shehroze Ali
– Shehroze Ali, Commented Jun 13, 2021 at 20:51
@Diego TypeScript files are .ts files. I don't know why OP isn't just compiling the TypeScript into JavaScript beforehand tho — Samathingamajig
– Samathingamajig, Commented Jun 13, 2021 at 20:51
#1 Could you share us the package.json to have an idea of your stack? #2 How do you run in your laptop? npm run dev #3 Do you have the npm run build script in your package.json? #4 npm run build is required to make real js apps using javascript or typescript. #4 If you have this script, I created a server which would help you to deploy your js app in any server like heroku, gcp, aws, azure, etc — JRichardsz
– JRichardsz, Commented Jun 13, 2021 at 21:11
Thanks @JRichardsz for your response, i ran the "npm run build" command, it created a folder named "dist", but it doesn't contain any package.json file. So, I have to deploy this folder? — Shehroze Ali
– Shehroze Ali, Commented Jun 13, 2021 at 21:19

Shehroze Ali · Accepted Answer · 2021-06-14 07:39:54Z

1

The answer is:

First add all of your config variables in App settings on Heroku. The second is to add your [start and engine] scripts in package.json file

"scripts": {
    "start": "node dist/server",
    "dev": "sucrase-node src/server.ts",
    "build": "sucrase ./src -d ./dist --transforms typescript,imports"
  },enter code here
  "engines": {
    "node": ">=10.0.0"
  },

answered Jun 14, 2021 at 7:39

Shehroze Ali

216 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wiezalditzijn Over a year ago

I had to change the "start": "node dist/server" to "start": "node ./server". Thanks for the solution!

poppy · Accepted Answer · 2021-06-14 07:49:59Z

0

Answer

My script package.json

"scripts": {
    "dev": "ts-node-dev --no-notify --respawn --transpile-only src/index.ts",
    "build": "tsc --build",
    "start": "node dist/index.js",
    "deloy": "git push heroku main",
    "log": "heroku logs --tail"
  },

my Procfile web: npm start

answered Jun 14, 2021 at 7:49

poppy

711 silver badge7 bronze badges

Collectives™ on Stack Overflow

Deploying [NodeJS file written in Typescript] on Heroku

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related